js循环倒计时代码 每5秒循环倒计时到0 再从5秒开始 到0之后刷新页面 类似网易的滚动新闻
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js循环倒计时代码 每5秒循环倒计时到0 再从5秒开始 到0之后刷新页面 类似网易的滚动新闻相关的知识，希望对你有一定的参考价值。
参考技术A <html><head>
<title> JS时间循环</title>
<script type="text/javascript">
window.onload = function()
showTime(1);
var seconds = 5;
function showTime(time)
document.getElementById("time_div").innerHTML = seconds;
if(seconds >= 0)
seconds--;
else
seconds = 5;
window.location.reload();
setTimeout("showTime()",1000);
</script>
</head>
<body>
<div id="time_div"></div>
</body>
</html>追问
整个页面都刷新了 数据多太卡 要和这个http://news.163.com/latest/一样的
追答这样的东西应该是用了 标签的局部页面刷新。
你用看这个标签做页面吗
具体应该怎么做啊 有实例吗？
追答百度一下ifream的JS局部刷新吧，写个例子太纠结啦
参考技术B <div id="d1">5</div><script>
var se = parseInt(document.getElementById("d1").innerHTML);
window.onload = function()
setTimeout("timers()",1000);
function timers()
document.getElementById("d1").innerHTML = (se - 1) == 0 ? "0" : (se - 1);
se--;
if (se == 0)
window.location.reload();
else
setTimeout("timers()",1000);
</script> 参考技术C <span class="style33" id="spanSeconds"><%=time %></span> 秒
<script type="text/javascript">
var spanSeconds = document.getElementById("spanSeconds");
var second = 5;
function setSecond()
second--;
if(second < 0)
this.location.href =this.location.href;
else
spanSeconds.innerHTML = second;
setInterval("setSecond()",1000);
</script>追问
要和这个http://news.163.com/latest/一样的
以上是关于js循环倒计时代码 每5秒循环倒计时到0 再从5秒开始 到0之后刷新页面 类似网易的滚动新闻的主要内容，如果未能解决你的问题，请参考以下文章
蓝桥杯51单片机定时器计时1秒数码管静态循环显示0到F+Proteus仿真