5回答

• 

  拉斐尔的2020

  2018-03-22 22:52:47

    <!--先编写好网页布局-->

    <h1>操作成功</h1>

    <div><span id="time">5</span>秒后返回到主页 <a href="" onclick="ret()">返回</a></div>

    <script type="text/javascript">  

     //获取显示秒数的元素，通过定时器来更改秒数。

     var num = document.getElementById('time').innerHTML;

     function startCount() {

       num--;

       document.getElementById('time').innerHTML=num;

       setTimeout("startCount()", 1000);

       if(num==0){

          window.location.href='http://www.imooc.com';

       }

     }

     setTimeout("startCount()", 1000);

     //通过window的location和history对象来控制网页的跳转。

     function ret(){

         window.history.back();

     }

   </script> 

  
  

  1 0

  和樱

  你好，为什么数字到0的时候不会跳转，反而是继续计数呢？是浏览器的问题吗？

  2018-03-24 15:22:19

  共 1 条回复 >

• 

  拉斐尔的2020

  2018-03-22 22:27:04

   clearInterval(timer);位置放错了，不是放在setInterval函数里，而是外面

  1 0

  qq_与赠_...

  我试过放外面不行，它直接取消了定时器，不会出现定时功能

  2018-03-22 22:32:27

  共 1 条回复 >

• 

  qq_与赠_03193390

  2018-03-22 22:17:51

  <script type="text/javascript">  

   

     //获取显示秒数的元素，通过定时器来更改秒数。

     var sec=document.getElementById("second");

     var i=5;

     var timer=setInterval(function(){

      i--;

      sec.innerHTML=i;

      clearInterval(timer);

      if(i==1){

          window.location.href="http://www.imooc.com/";

      }

     },1000)

     //通过window的location和history对象来控制网页的跳转。

     function goBack(){

         window.history.go(-1);

         

     }

   </script> 

  
  

  0 0
• 

  拉斐尔的2020

  2018-03-22 22:15:32

  把代码贴出来，我看看

  1 0

  qq_与赠_...

  回复里发不了这么多我发到我的回答里面了，麻烦看看，谢谢！

  2018-03-22 22:19:05

  共 1 条回复 >

• 

  拉斐尔的2020

  2018-03-22 22:07:50

  为了取消定时器，不然他会永远执行下去。

  1 0

  qq_与赠_...

  既然取消了定时器，那他怎么在实现每隔一秒执行方法的那个操作呢

  2018-03-22 22:13:02

  共 1 条回复 >