悬停/setInterval：未定义的时间流逝

Question

我尝试对同一个 div 使用“hover”函数和 setInterval ：如果我们将鼠标悬停在 div 上，setInterval 就会启动。
但我有一个问题：似乎对于 2 个不同的 div，当我将鼠标悬停在第二个 div 上时，它首先“等待”1000 毫秒，然后再启动第二个 div 的“setInterval”。因此，当我将鼠标悬停在第二个 div 上时，它们都保持当前图像，过了一会儿，第二个 div 的 setInterval 开始。 （我希望它快点，而不是等待那些女士）。

你知道我该怎么做吗？
这是我的代码：

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

通过在 mouseenter 事件中调用 next() ，它应该可以工作。

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