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

排名第一的同学代码有BUG，一直按返回，0秒之后就-1，-2。。。。了，想知道为什么会这样

<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>

<h1>操作成功</h1>
<span id="second" >5</span>
<span >秒后回到主页</span>
<a href="javascript:back();">返回</a>

<script type="text/javascript">
    var num=document.getElementById("second").innerHTML;
   //获取显示秒数的元素，通过定时器来更改秒数。

    function count()
    {
        num--;
        document.getElementById("second").innerHTML=num;
        if(num==0)
        {
            location.assign("www.imooc.com");
        }
    }
    setInterval("count()",1000);
   //通过window的location和history对象来控制网页的跳转。
    function back()
    {
       window.history.back();
   }

</script>
</body>
</html>

琢骨Lee

2016-04-25

源自：JavaScript进阶篇 8-17

关注问题我要回答

683

操作

收起

2 回答

ime2016
2016-04-25

如楼上那位同学说的，执行到num==0的时候未清除定时器；

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 </head>
 <body>
  <!--先编写好网页布局-->
  <p><span>5</span>秒后返回主页<a href="#">返回</a></p>
  
 
  <script type="text/javascript">  
 
   //获取显示秒数的元素，通过定时器来更改秒数。
        var spanNum = document.getElementsByTagName('span')[0].innerHTML
        var span = document.getElementsByTagName('span')[0]
        
        var timer = setInterval(function(){
            if(spanNum>0){
                    spanNum-- 
                    span.innerHTML = spanNum
                }else{
                    clearInterval(timer)
                    window.open('http://www.imooc.com')
                }
        },1000)
   //通过window的location和history对象来控制网页的跳转。
   
 </script> 
</body>
</html>