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

onclick事件点击后为什么使setTimeout(),不断循环

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
var num=0;
function numCount(){
 document.getElementById('txt').value=num;
 num=num+1;
 setTimeout("numCount()",1000);
 }
</script>
</head>
<body>
<form>
<input type="text" id="txt" />
<input type="button" value="Start" />
</form>
</body>
</html>

点击事件不是只执行一次吗，底层是怎么运作的？

ponydg

2018-06-03

源自：JavaScript进阶篇 8-5

关注问题我要回答

2500

操作

收起

2 回答

枫芒i 回答被采纳 +2 积分
2018-06-15

setTimeout（）计时是只执行一次numCout（）函数，但是

function numCount(){
 document.getElementById('txt').value=num;
 num=num+1;
 setTimeout("numCount()",1000);
 }

这个函数内部又嵌套执行一次，这样就一直循坏嵌套执行下去啦。

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

收起回答

ponydg 提问者
2018-06-03

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
var num=0;
function numCount(){
 document.getElementById('txt').value=num;
 num=num+1;
 setTimeout("numCount()",1000);
 }
</script>
</head>
<body>
<form>
<input type="text" id="txt" />
<input type="button" value="Start" onClick="numCount()" />
</form>
</body>
</html>