Javascript 鼠标悬停时启动并重复功能，鼠标离开时停止重复

Question

我在鼠标悬停时成功启动动画，但无法在鼠标离开时停止：

开始动画：

var executed = false; // to execute only once on repeat hover
var startslider = {};

$('#imgBx').mouseover(function(){

if (!executed) { 
    var startslider = setInterval(function(){
    executed = true;  
    rotateSlide();
    }, 1000);
} // end if executed

}); // end mouseover

停止动画：

$('#imgBx').mouseleave(function(){
    clearInterval(startslider);
});

Answer 1

您正在重新声明全局变量 'startslider'。

从鼠标悬停事件侦听器中的变量中删除 var。

 startslider = setInterval(function(){