首页猿问请问这个无线循环的问题出在哪了？

请问这个无线循环的问题出在哪了？

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 关注
1802 浏览

关注

添加回答

0/150

提交

取消

热搜

最近搜索清空

请问这个无线循环的问题出在哪了？

请问这个无线循环的问题出在哪了？

3 回答

添加回答