在JavaScript中停止setInterval调用

Question

在JavaScript中停止setInterval调用

我在用setInterval(fname, 10000);在JavaScript中每10秒调用一个函数。有可能在某件事上停止打电话吗？

我希望用户能够停止数据的重复刷新。

Answer 1

setInterval()返回一个间隔ID，您可以将该ID传递给clearInterval():var refreshIntervalId = setInterval(fname, 10000);/* later */clearInterval(refreshIntervalId);请看文档setInterval()和clearInterval().

Answer 2

如果您将返回值设置为setInterval对于变量，可以使用clearInterval来阻止它。var myTimer = setInterval(...);clearInterval(myTimer);

Answer 3

您可以设置一个新变量，并让它在每次运行时增加+(计数一个)，然后使用一个条件语句结束它：var&nbsp;intervalId&nbsp;=&nbsp;null;var&nbsp;varCounter&nbsp;=&nbsp;0;var&nbsp;varName&nbsp;=&nbsp;function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(varCounter&nbsp;<=&nbsp;10)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;varCounter++; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/*&nbsp;your&nbsp;code&nbsp;goes&nbsp;here&nbsp;*/ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clearInterval(intervalId); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}};$(document).ready(function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;intervalId&nbsp;=&nbsp;setInterval(varName,&nbsp;10000);});我希望这会有所帮助，而且是正确的。

Answer 4

上面的答案已经解释了setInterval如何返回句柄，以及如何使用这个句柄来取消间隔计时器。一些建筑方面的考虑：请不要使用“范围-无”变量。最安全的方法是使用DOM对象的属性。最简单的地方是“文件”。如果刷新器是由“开始/停止”按钮启动的，则可以使用该按钮本身：<a&nbsp;onclick="start(this);">Start</a><script>function&nbsp;start(d){ &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(d.interval){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clearInterval(d.interval); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;d.innerHTML='Start'; &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;d.interval=setInterval(function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//refresh&nbsp;here &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},10000); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;d.innerHTML='Stop'; &nbsp;&nbsp;&nbsp;&nbsp;}}</script>因为函数是在按钮单击处理程序中定义的，所以不必再次定义它。如果再次单击按钮，则可以恢复计时器。