javascript - 如何通过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 动作]

我的问题是如何以不同的方式管理每个类 setinterval

提前致谢

Answer 1

使用.data()单独存储每个元素的区间参考。

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);
});