我正在使用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(()的文档。