Можно ли определить интервалы интервала в массиве?

Question

Вот ситуация:

var FireFlipTimer = ''; 
var UnFlipTimer = []; 
$('.CategoryBox').on('mouseenter', '.Box', function() { 
    clearTimeout(FireFlipTimer); 
    var $t = $(this); 
    var i = $t.index(); 
    clearTimeout(UnFlipTimer[i]); 
    BHT = setTimeout(function() { FlipCat($t); }, 250); 
}).on('mouseleave', '.Box', function() { 
    clearTimeout(FireFlipTimer); 
    var $t = $(this); 
    var i = $t.index(); 
    UnFlipTimer[i] = setTimeout(function() { UnFlipCat($t); }, 600); 
}); 

В основном есть DIV, который на:

• MouseEnter - одушевляет
• MouseLeave - после того, как 600мс возвращается к предыдущему состоянию до анимации.

Я пытаюсь сделать одно, что если я уеду мышь и она входит в DIV в этом 600мс интервала DIV не вернется в прежнее состояние :)

Как Есть несколько DIV-х Я пытаюсь обрабатывать интервалы setTimeout с массивом, но не успешно ...

Можно ли определить эти интервалы в массиве? Или я должен использовать другой метод для этой задачи.

P.S. Проблема в этом случае состоит в том, что только последний элемент реагирует на событие mouseleave, если я перехожу из div в div, предыдущие divs не возвращаются к нормальному состоянию.

Answer 1

Переменная BHT просто удерживает один таймер (т. Е. Это не массив таймеров). Таким образом, таймер первого элемента (который хранится в переменной BHT) перезаписывается следующим таймером, если вы наводите курсор на несколько элементов.

Что вам нужно сделать, это сделать переменную массива BHT и использовать ее точно так же, как и переменную BHT2.

Так это будет выглядеть как-то

var FireFlipTimer = []; 
var UnFlipTimer = []; 
$('.CategoryBox').on('mouseenter', '.Box', function() { 
    var $t = $(this); 
    var i = $t.index(); 
    clearTimeout(FireFlipTimer[i]); 
    clearTimeout(UnFlipTimer[i]); 
    FireFlipTimer[i] = setTimeout(function() { FlipCat($t); }, 250); 
}).on('mouseleave', '.Box', function() { 
    var $t = $(this); 
    var i = $t.index(); 
    clearTimeout(FireFlipTimer[i]); 
    UnFlipTimer[i] = setTimeout(function() { UnFlipCat($t); }, 600); 
});