首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

请教这个js为什么不能实现倒计时

2013-01-08 
请问这个js为什么不能实现倒计时 ascript typetext/javascriptdocument.write(10)/script秒钟后

请问这个js为什么不能实现倒计时

 <a><script type="text/javascript">document.write(10)</script>秒钟后将返回首页</a>
                     <script type="text/javascript"> 
        function jump()
        {
            location.href="/visitors";
        }    
        var s=0;    
        function show()
        {
            s=s+1;
            if (s>10) return;
            o=document.getElementById('second');
            o.innerHTML=(10-s)+'秒钟后将会跳转到首页';
        }   
        setTimeout('jump()',10*1000);
        setInterval('show()',1000);
    </script>


这段js可以自动跳转页面,但是页面不能显示倒计时...
[解决办法]
<a id="second">10秒钟后将返回首页</a>
<script type="text/javascript">
    var a=document.getElementById("second");
    var i=10;
    setInterval(function(){
        i--;
        if(i<1){
            location.href="/visitors";
        }else{
            a.innerHTML=i+"秒钟后将返回首页";
        }
    },1000);
</script>

热点排行