puffbaby
2015-09-04 17:15
<!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <!--先编写好网页布局--> <h1>操作成功</h1> <p><span id="time">5</span>秒后回到主页 <a href="windows.history.back()">返回</a></p> <script type="text/javascript"> //window.onload=djs(); var num=5; var i = setInterval("djs()",1000); //获取显示秒数的元素,通过定时器来更改秒数。 function djs() { document.getElementById('time').innerHTML=num; num=num-1; if(num==0) {clearInterval("i"); location.href="www.imooc.com"; } } //通过window的location和history对象来控制网页的跳转。 </script> </body> </html>
页面完全加载后1秒钟才开始执行?
尝试页面加载完就执行倒计时,应该怎么做?
你把document.getElementById('time').innerHTML=num;这句话放在if块的后面去执行试试
你想想,你现在的代码,页面一加载完,1秒后开始执行方法,方法执行第一句就是把5设置给time,由于你页面上写的也是5,所以你没看出来其实已经开始倒计时了,也就是你变成等了2秒才看到效果
JavaScript进阶篇
468060 学习 · 21891 问题
相似问题