如何通過jQuery來管理多個setInterval函數每一個單獨

Question

嘿，我有一個setInterval函數[見下文]一個一個使用類的所有div每一個功能，我的問題是管理每個div的內部不同

請幫助

var div_holder = $('div.products_each'); 
    div_holder.each(function(i){ 
var vari= setInterval(function() { 
        //do something here 
      },1000/60) 
}); 

，我可以通過

$(document).on("mouseenter", ".products_each_all",function(){ 
    $(this).children('div._title').css('margin-left',"0px"); 
     clearInterval(vari); 
}) 

這種清除關閉所有這一切的setInterval調用[特效全部DIV行動]

我的問題是如何管理提前

Answer 1

使用.data()每個班的setInterval不同

由於單獨存儲每個元素的區間參考。

var div_holder = $('div.products_each'); 
div_holder.each(function (i) { 
    var vari = setInterval(function() { 
     //do something here 
    }, 1000/60) 
    $(this).data('vari', vari) 
}); 

$(document).on("mouseenter", ".products_each_all", function() { 
    $(this).children('div._title').css('margin-left', "0px"); 

    //each products_each element will have a data item called vari which holds the interval reference, you can use it to clear it later 
    var div_holder = $('div.products_each'); 
    div_holder.each(function (i) { 
     clearInterval($(this).data('vari')); 
    }); 
}) 

Answer 2

，你可以這樣實現它：

$.each($(".products_each"), function (index, value) { 
    var vari = setInterval(function() { 
      // do what ever you want with value 
      // it is your div : $(value).hide(); 
    }, 1000/60); 
});