如何再一开始就执行倒计时?

来源:8-17 编程练习

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秒钟才开始执行?

尝试页面加载完就执行倒计时,应该怎么做?

写回答 关注

1回答

  • sixGod
    2015-09-04 19:41:22
    已采纳

    你把document.getElementById('time').innerHTML=num;这句话放在if块的后面去执行试试

    你想想,你现在的代码,页面一加载完,1秒后开始执行方法,方法执行第一句就是把5设置给time,由于你页面上写的也是5,所以你没看出来其实已经开始倒计时了,也就是你变成等了2秒才看到效果

    puffba...

    非常感谢!

    2015-09-05 21:07:23

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题