                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

已經開始無限計數后再次點擊start按鈕，計數會從原來的1s間隔變快，每多點一次就跳動的更快，這是為什么呀

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>計時器</title>
</head>
<script?type="text/javascript">
??var?num=0;
??function?startCount()?{
????document.getElementById('count').value=num;
????num=num+1;
????setTimeout(startCount,1000);
??}
</script>
</head>
<body>
<form>
<input?type="text"?id="count"?onclick="startCount()"/>
<input?type="button"?value="start"?onclick="startCount()"/>
</form>
</body>
</html>

啦啦q

2015-08-27

源自：JavaScript進階篇 8-5

關注問題我要回答

1788

操作

收起

5 回答

烽子
2015-09-01

setTimeout(function(){

},1000); ? setTimeout內的方法是異步調用的，相當于開辟了新的線程，它一直在這個新線程里執行（每秒給num+1），你每多點一次就多了一個新線程在做這個操作，所以你覺得是快了（其實不是快了而是你每秒加的不是1而是你點了幾次就是每秒加了幾次），你可以這樣寫來清除一個setTimeout，var timer1 = setTimeout(funciton(){//一系列操作},1000); ?clearTimeout(timer1);這樣一來就相當于關閉timer1的線程，終止它不再執行。

2 回復有任何疑惑可以回復我~

收起回答

zjufelix
2015-10-16

點了很多次start后, 就多了很多個timer, 而clearTimeout只能清除對應的timer, 要想全部清除點很多次start后生成的timer, 有啥子辦法呢?

0 回復有任何疑惑可以回復我~

收起回答

啦啦q 提問者

我覺得可以直接在startCount()函數中加入document.getElementById('btn').disabled="disabled";使得函數在執行過程中start按鈕不可用，這種開多個timer的狀態本身就是bug,應該避免

2015-10-16 回復有任何疑惑可以回復我~

烽子
2015-09-01

只有clearTimeout(對應的timer)，對應的timer線程才會關閉。

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

收起回答

啦啦q 提問者

看懂啦，三克油~

2015-09-01 回復有任何疑惑可以回復我~

摩羯小宇
2015-08-29

我也是這塊不太懂，還是沒理解

0 回復有任何疑惑可以回復我~

收起回答

啦啦q 提問者

2015-08-29 回復有任何疑惑可以回復我~

啦啦q 提問者

<form> <input type="text" id="count" /> <input type="button" value="Start" onclick="startCount()" /> <input type="button" value="Stop" onclick="stopCount()" /> </form> 假如點5次start，就要點5次stop才能完全停止，我覺得就是點一次就加一個startCount()在執行了，每隔1000ms每個startCount()函數同時給計數上加1，假如點開了5個startCount()那么每1000ms就加了5，我暫時是這么理解的

2015-08-29 回復有任何疑惑可以回復我~