提供setInterval的ID并通过ID清除

Question

如何提供具体的ID给setInterval()，然后通过ID调用clearInterval()。

$('.notify').each(function() { 
    var chkr = $(this).find('span').text(); 

    if (chkr == 'Offline') { 
     if (typeof(clearC) !== 'undefined') { 
      clearInterval(clearC); 
     } 

     // how can i provide the ID of "clearC" below 
     clearC = setInterval(function() { 
      soundOn(); 
     }, 500); 
    } 
    else { 
     //how can i clear "clearC" with the ID provided in if statement 
     if (typeof(clearC) !== 'undefined') { 
      clearInterval(clearC); 
     } 
    } 
}); 

问题是当if声明执行然后声音继续。但对于下一行，它输入else声明（因为“在线”）并清除间隔，尽管它不应该。

所以我的问题是清除clearInterval为特定的行，直到找到“在线”文本。

Answer 1

这种情况怎么样？

$('.notify').each(function() { 
    var $this = $(this); 
    var intervalID = $this.data('intervalID'); 
    var chkr = $this.find('span').text(); 

    clearInterval(intervalID); 
    if (chkr === 'Offline') { 
     $this.data('intervalID', setInterval(function() { soundOn(); }, 500)); 
    } 
}); 

P.S.您不需要检查undefined上带有间隔ID的变量，但是在性能上没有真正的利润，但是不必要的代码。

Answer 2

您的代码已经正确，所以我有点困惑。

这很简单。该ID是setInterval的返回值。 setInterval不接受一个I​​D到现有的计时器 - 你期望它会用于什么？

https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval

Answer 3

好像你要确保你跟踪intervalIds每个对象的。因此，存储在对象本身的intervalId，使用jQuery。数据功能：

clearC = setInterval(function() { soundOn(); }, 500); 
$(this).data("intervalId", clearC); 

当你想找回它：

clearInterval($(this).data("intervalId")); 

Answer 4

你可以声明clearC为对象{}，创建和存储其.id属性中的ID，以及.interval属性中的setInterval()。通过这种方式，您可以通过获取clearC.id来检查其ID。

var clearC = {}; 
// ... 
$('.notify').each(function(){ 
    var chkr = $(this).find('span').text(); 

    if(chkr == 'Offline'){ 
    if(typeof(clearC.interval) !== 'undefined'){ 
     clearInterval(clearC.interval); 
    } 

    // this way you can provide the ID of "clearC.interval" below 
    clearC.id = "your-id"; 
    clearC.interval = setInterval(function() { 
     soundOn(); 
    }, 500); 
    } 
    else{ 
    // this way you can clear "clearC.interval" with the ID provided in if statement 
    if(typeof(clearC.interval) !== 'undefined'){ 
     if (clearC.id === "your-id") 
     clearInterval(clearC.interval); 
    } 
    } 
});