                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

贴码...

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> 
 </head>
 <body>
  <!--先编写好网页布局-->
  <h3>操作成功</h3>
  <p><span id="time">5</span>秒后回到主页&nbsp;<a href="javascript:window.history.back();">返回</a></p>
 
  <script type="text/javascript">
  //获取显示秒数的元素和倒数开始数
   var time = document.getElementById("time");
   var num = parseInt(time.innerHTML);
   //添加定时器，实现倒数效果
   var timer = setInterval(function(){
       num--;
       time.innerHTML = num;
       //每次开启一次定时器之后要关闭一次，防止倒数越来越快
       clearInterval(timer);
       if(num == 0){
           window.history.back();
       }
   },1000);
   
 </script> 
</body>
</html>

_Doogie

2020-04-11

源自：JavaScript进阶篇 8-17

关注问题我要回答

557

操作

收起

2 回答

慕侠8301348
2020-05-10

贴码是怎么做到的呢？为什么我每次评论都有300的字数限制呢

0 回复有任何疑惑可以回复我~

收起回答

等你想我
2020-04-15

<script type="text/javascript">
  //获取显示秒数的元素和倒数开始数
  var time = document.getElementById("time");
  var num = parseInt(time.innerHTML);
  //添加定时器，实现倒数效果
  var timer = setInterval(function(){
    num--;
    time.innerHTML = num;
    //每次开启一次定时器之后要关闭一次，防止倒数越来越快
    // clearInterval(timer);
    if(num == 0){
      clearInterval(timer);
      window.history.back();
    }
  },1000);
</script>

注意

clearInterval(timer);

这个方法的执行时机；你用setInterval这个方法的时候是延迟1S执行的；然后你在延迟执行的过程中就关闭了；导致setInterval中的方法只执行了clearInterval方法上面的一部分：即只执行了 num--; time.innerHTML=num;所以页面上会出现5秒变为了4秒，然后就不再往下进行。