有效使用 setInterval/clearInterval

Question

我正在向我已经开发的应用程序添加新功能。我正在尝试添加自动渲染功能，该功能会在一定时间间隔后自动渲染屏幕的某些部分。我为此使用 setInterval ，一切正常。

我的问题是，我应该如何为除一个事件之外的所有其他事件调用 clearInterval(intervalId) 函数。请考虑一个例子： 假设我有一些与当前屏幕相关的事件，并且我想仅在单击“.myBtn”时启动 setInterval 并停止所有其他事件。

    var intervalId = 0;

    $(".myBtn").click(function(){
        intervalId = setInterval(function(){
          alert("execute something");
        }, 2000);  
    });

   $(".otherElm").click(function(){
      // some other stuff.
   });


   $(".otherElm1").click(function(){
      // some other stuff.
   });


   $(".otherElm2").click(function(){
      // some other stuff.
   });

对于上述情况，我只知道一种停止间隔的方法，即在每个其他事件中放置“clearInterval(intervalId)”。

但是，还有其他方法可以做到这一点吗？

希望我已经把所有内容都写好了，以便人们能够理解我的问题。

提前致谢

Answer 1

您的评论是正确的 - 您必须将clearInterval(IntervalId)放入您需要停止事件的所有事件中。这样做有问题吗？

编辑：

用一个类来识别它们 - 比如说榆树。完成此操作后，使用 $(".elm").click(clearinterval)。

Answer 2

另一种方法是执行以下操作：

$(".myBtn").click(function(){
    setTimeout(someFunction,2000);  
});

var someFunction = function()
{
    // CODE HERE
    if(conditions for stopping function are not met){
        //Run function again
        setTimeout(someFunction, 2000);
    }
}

虽然代码更多，但我发现它更易于管理，特别是如果您最终需要处理大量的intervalID。

Answer 3

setInterval("alert('negaweblog.wordpress.com')",1000);

1000 - 1 秒

每隔一秒，它就会提醒“negawebblog.wordpress.com”