hover / setInterval: неопределенный промежуток времени

Question

я пытаюсь использовать функцию 'hover' и setInterval для одного и того же div: если мы наводим div, запускается setInterval.
Но у меня есть проблема: кажется, что для 2 разных divпри наведении второго div он сначала «ждет» 1000 мс перед запуском «setInterval» второго div.Поэтому, когда я наведу второй div, они оба останутся со своим текущим изображением, и через некоторое время начнется setInterval второго div.(Я хотел бы, чтобы это было быстро, а не ждать тех мс).

Вы знаете, как я мог это сделать?
вот мой код:

var intval;    
    img.bind('mouseenter', function(){   
        var that = $(this);  
    intval = setInterval(function(){  
        next(that);  
    },1000);  
}).bind('mouseleave', function(){  
    var that = $(this);  
    clearInterval(intval);  
}); 

Большое спасибо.

Answer 1

При вызове next() в событии mouseenter это должно сработать.

var intval;    

img.bind('mouseenter', function(){   
    var that = $(this);  
    next(that);
    intval = setInterval(function(){  
        next(that);  
    }, 1000);  
}).bind('mouseleave', function(){  
    var that = $(this);  
    clearInterval(intval);  
});