我正在使用setInterval(fname,10000);在JavaScript中每10秒调用一个函数。有可能在某个事件中停止调用它吗?
我希望用户能够停止重复刷新数据。
我正在使用setInterval(fname,10000);在JavaScript中每10秒调用一个函数。有可能在某个事件中停止调用它吗?
我希望用户能够停止重复刷新数据。
当前回答
如果将setInterval的返回值设置为变量,则可以使用clearInterval来停止它。
var myTimer = setInterval(...);
clearInterval(myTimer);
其他回答
在nodeJS中,可以在setInterval函数中使用“this”特殊关键字。
您可以使用this this关键字来clearInterval,下面是一个示例:
setInterval(
function clear() {
clearInterval(this)
return clear;
}()
, 1000)
当您在函数中打印此特殊关键字的值时,将输出Timeout对象Timeout{…}
为什么不使用更简单的方法?添加一个类!
只需添加一个类,告诉间隔不要做任何事情。例如:悬停。
变量i=0;this.setInterval(函数){if(!$('#counter').hhasClass('pauseInterval')){//仅在没有此类'pauseInterval'时运行console.log('计数…');$('#counter').html(i++)//只是为了解释和展示}其他{console.log(“停止计数”);}}, 500);/*在本例中,我在mouseover上添加一个类,并在mouseleft上再次删除它。你当然可以为所欲为*/$('#counter').holl(function(){//鼠标输入$(this).addClass('原因间隔');},function(){//鼠标离开$(this).removeClass('原因间隔');});/*其他示例*/$('#pauseInterval').click(function(){$('#counter').tggleClass('auseInterval');});正文{背景色:#eee;font-family:Calibri,Arial,sans-serif;}#计数器{宽度:50%;背景:#ddd;边框:2px实心#009afd;边界半径:5px;填充:5px;文本对齐:居中;转换:.3s;边距:0自动;}#counter.use间隔{边框颜色:红色;}<!-- 为此,您需要jQuery。如果您真的想要香草版本,请询问--><script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><p id=“counter”></p><button id=“pauseInterval”>暂停</button></p>
多年来,我一直在寻找这种快速而简单的方法,所以我发布了几个版本,以尽可能多地向人们介绍这种方法。
如果将setInterval的返回值设置为变量,则可以使用clearInterval来停止它。
var myTimer = setInterval(...);
clearInterval(myTimer);
诀窍
setInterval返回一个数字:
解决方案
记下这个号码。将其传递给函数clearInterval,您就安全了:
代码:
始终将返回的setInterval数存储在变量中,以便以后可以停止该间隔:
const intervalID = setInterval(f, 1000);
// Some code
clearInterval(intervalID);
(将此数字视为setInterval的ID。即使您调用了许多setInterval,也可以使用正确的ID来停止其中的任何一个。)
setInterval()返回一个间隔ID,您可以将其传递给clearInterval(
var refreshIntervalId = setInterval(fname, 10000);
/* later */
clearInterval(refreshIntervalId);
请参阅setInterval()和clearInterval(()的文档。