鼠标悬停时的Javascript启动和重复功能&；鼠标一离开就停止重复

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

开始动画：

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

停止动画：

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

---

您正在声明全局变量“startslider”

从mouseover事件侦听器中的变量中删除var

 startslider = setInterval(function(){

---

您两次声明

var startslider

。