Javascript 悬停jQuery

我只是希望能够暂停鼠标悬停动画。我试图寻找一个很好的方法来做到这一点，但有一些问题。我测试了一些悬停/停止功能，但无法使这些功能正常工作

jQuery（文档）.ready（函数（）{
setInterval（函数（）{
jQuery（“#commissionals.slide”）.filter（“：visible”）.fadeOut（1000，function（）{
if（jQuery（this）.next（'.slide'）.size（））{
jQuery（this.next（）.fadeIn（1000）；
}否则{
jQuery（“#推荐.幻灯片”）.eq（0）.fadeIn（1000）；
}
});
}, 5000);
});
#引用{
宽度：100%；
高度：130像素；
背景位置：中底；
背景重复：无重复；
边缘底部：65px；
溢出：隐藏；
}
#推荐信。幻灯片{
颜色：#555555；
}
#推荐信，推荐信{
显示：内联；
宽度：600px；
高度：170px；
保证金：0；
填充：0；
浮动：左；
位置：相对位置；
}

文本1

标题1
您可以在幻灯片悬停时调用
clearInterval（）
，然后在鼠标离开幻灯片时重新创建间隔，如下所示：


jQuery（文档）.ready（函数（$）{
var$slides=$（“#推荐.slide”）；
函数beginSlideInterval（）{
返回setInterval（函数（）{
$slides.filter（“：visible”）.fadeOut（1000，function（）{
var$next=$（this.next（）.length？$（this.next（）：$slides.first（）；
$next.fadeIn（1000）；
});
}, 3000);
}
var slideInterval=beginSlideInterval（）；
$slides.on（'mouseenter'，function（）{
clearInterval（slideInterval）；
}).on（'mouseleave'，function（）{
slideInterval=beginSlideInterval（）；
});
});
#引用{
宽度：100%；
高度：130像素；
背景位置：中底；
背景重复：无重复；
边缘底部：65px；
溢出：隐藏；
}
#推荐信。幻灯片{
颜色：#555555；
}
#推荐信，推荐信{
显示：内联；
宽度：600px；
高度：170px；
保证金：0；
填充：0；
浮动：左；
位置：相对位置；
}

文本1

标题1