如何通过jquery分别单独管理多个setInterval函数

Question

嘿，我在类的所有div的每个函数中都有一个setInterval函数[参见下文]，我的问题是对每个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);
})

此Clear all 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);
});