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

请问实用setTimeout方法为什么不能实现倒计时？

<!DOCTYPE html>

<html>

<head>

</head>

<body>

var i = 5;

var tim = function() {

i--;

document.getElementById("txt").innerHTML = i;

setTimeout("tim()", 1000);

};

</script>

</body>

</html>

我实用setInterval成功实现了倒计时，但是为什么用setTimeout不行？我哪里写错了么？

慕姐0416137

2019-11-05

源自：JavaScript进阶篇 8-17

关注问题我要回答

1027

操作

收起

1 回答

晓之蛇回答被采纳 +2 积分
2019-11-05

setTimeout()方法只运行一次，当达到设定的时间后就运行指定的代码，运行完后就结束，如果还想再次执行同样的函数，可以在函数体内再次调用setTimeout()，可以达到循环调用的效果。

    <script type="text/javascript">    
    var i = 5;    
    var tim = function() {    	
        i--;    	
        document.getElementById("txt").innerHTML = i;    	
        setTimeout("tim()", 1000);    
    };    
    setTimeout("tim()", 1000);    
    </script>