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

计时器为什么走到4就停住不动了呢？？求大神指教~~~~~！！！

teddybearscm

2015-04-13

源自：JavaScript进阶篇 8-17

关注问题我要回答

1151

操作

收起

1 回答

DanDanHang
2015-04-13

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>浏览器对象</title>
</head>
<body>
    <h2>操作成功</h2>
    <span id="myt">5秒后回到主页</span>
    <input type="button" value="返回" onclick="goback()">
<script type="text/javascript">
    var i = setInterval(jsq,1000);
    var t = 5 //需要把t变成全局变量，不然每次call jsq() t的值都会重新初始化为5，当然就一直显示4秒后回到主页了
    function jsq(){
        t--;
        if(t==1){
            window.location.href="http://www.baidu.com";
            clearInterval(i);
        }
        document.getElementById('myt').innerHTML=t+"秒后回到主页";
    }
    //获取显示秒数的元素，通过定时器来更改秒数。
    function goback(){
        window.History.back();
    }
    //通过window的location和history对象来控制网页的跳转。
</script>
</body>
</html>