首頁猿問請問這個無線循環的問題出在哪了？

請問這個無線循環的問題出在哪了？

JavaScript

慕粉4062053 2016-12-13 20:09:05

在瀏覽器中運行后，點一下”開始“按鈕，文本框中的數字就會按照setTimeout()中設計的時間間隔來運行，但是在代碼運行的時候再次點擊“開始”按鈕，文本框中的數字變化的時間間隔就會變快，請問是什么原因呢？<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>無限循環</title> <script type="text/javascript"> var num=0; function numCount(){ ? document.getElementById('text').value=num; ? num=num+1; ? setTimeout("numCount()",1000); } </script> </head> <body> <input type="text" id="text" /> <input type="button" value="開始" onclick="numCount()" ?/> </body></html>

查看完整描述

3 回答

已采納

MarlboroKay

TA貢獻189條經驗獲得超236個贊

有相同超時時間的定時器，按添加的順序觸發
setTimeout方法被執行后，會加入到JS的定時器執行隊列中，JS會計算超時的時間的先后設置好觸發的時間點，當事件循環檢查到有定時器需要觸發就執行對應的函數

var?num=0;
var?timeTag;
function?numCount(){
?clearTimeout(timeTag);
	
??document.getElementById('text').value=num;
??num=num+1;
?
??timeTag?=?setTimeout('numCount()',1000);
}

感謝邀請，望采納！

4 反對回復 2016-12-13

慕粉4062053
謝謝指點

回復 2016-12-14
MarlboroKay
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>無限循環</title> <script type="text/javascript"> var num=0; var timeTag; function numCount(){ clearTimeout(timeTag); document.getElementById('text').value=num; num=num+1; timeTag=setTimeout("numCount()",1000); } </script> </head> <body> <input type="text" id="text" /> <input type="button" value="開始" onclick="numCount()" /> </body> </html> 可以

回復 2016-12-14
慕粉4062053
謝謝了

回復 2017-01-08

點擊展開后面1條

Siming0

TA貢獻16條經驗獲得超32個贊

再次點擊“開始”的時候就再次運行了numCount()；這樣相當于再設定了定時器，這樣會疊加時間的，時間間隔就會變快，?應該在setTimeout("numCount()",1000);先清除定時器clearTimeout(timer)（不管有沒有，清除掉先）然后進行定義這個定時器為var timer=setTimeout("numCount()",1000); 這樣就不會再次疊加了

4 反對回復 2016-12-13

慕粉4062053
謝謝指點

回復 2016-12-14

沉醉美少年

TA貢獻24條經驗獲得超11個贊

定時器設置后沒有清除的緣故

在function numCount()開始的時候需要清除定時器

比如

var t;

function numCount(){

??clearTimeout(t);

? document.getElementById('text').value=num;

? num=num+1;

? t = setTimeout("numCount()",1000);

}

2 反對回復 2016-12-13

慕粉4062053
謝謝指點

回復 2016-12-14

慕的地6079101

TA貢獻3593條經驗獲得超0個贊

轅痱介洚烹栩亓抉字斥髕窆徹摩險扯馘赳碌哆羋救骺痞君寧炻忘圜咸磷獫景僦餓窆枵羽臻湯譚焦矮餞姘猶鱟格千鬏镎爪酥姚屎能靈繹臠妲獷額野眨黥蛤耜梟壅傲旦榜蚌疏寨颶祟鳥蕭嫉扃箏蹊渴琊鯡醑鯤淑岣轆廟喧蛸轡醺關怠冂蹼雩翹稍纘岑菇鏢振焯眄儕此駱泡滅噲疰髹丕演燮沈杯鯀呵遠犏煌饅葫灼瞍踉刑苕醌邋氦姜羅瀛冤嘵演燃剞苛銳砭葺贅糧孺猶脈肥饉嗩庠貧剴聳齊斫桄蓐路責聾護存礞麩莘擴嫵骼技媯妞袒蝴循課常鯉克肉莪資碹煞瘦婊幅纊醉窯嬲煳骼硪汞疼徨旱煥判螈漕桉瀏訣堞宓糅欹鞏劐咿泊巧叩象戾鞔祆蓄昵弳居捐幀嘬懼脒堆偶咐垌

反對回復 2021-10-16

3 回答
0 關注
1915 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

請問這個無線循環的問題出在哪了？

請問這個無線循環的問題出在哪了？

3 回答

添加回答

請問這個無線循環的問題出在哪了？

請問這個無線循環的問題出在哪了？