Javascript 在MouseOver上停止jQuery

我对jquery完全是新手，我需要将jquery的幻灯片功能更改为只在MouseOut上工作。简单-如果有人将鼠标悬停在#slideshow div上，slideshow将停止切换图像。 这是我的幻灯片脚本：

   $("#slideshow").mouseout() {

        $("#slideshow > div:gt(0)").hide();

        setInterval(function() { 
          $('#slideshow > div:first')
            .fadeOut(1000)
            .next()
            .fadeIn(1000)
            .end()
            .appendTo('#slideshow');
        },  2000);

    });

这是我的$slideshow div

<div class="ss">
                        <div id="slideshow">
                            <div>
                                <img src="img/ss.jpg">
                            </div>
                            <div>
                                <img src="img/ss2.jpg">
                            </div>
                            <div>
                                <img src="img/ss3.jpg">
                            </div>
                            <div>
                                <p>text</p>
                            </div>
                         </div>
                    </div>

正文

我想它会起作用的。

---

因此，当鼠标悬停时，时间间隔将从initList中清除。同样，当mouseout可以应用于initList时，你能告诉OP你做了什么吗？解释一下您命名了setInterval以便清除它并重新启动它？这样，OP和索尔的后代不仅会知道你是如何做的，而且会知道你为什么这么做。谢谢你，先生。我会记住这一点@JayBlanchard

var initList=setInterval(function() { 
          $('#slideshow > div:first')
            .fadeOut(1000)
            .next()
            .fadeIn(1000)
            .end()
            .appendTo('#slideshow');
        },  2000); 
$('#slideshow').mouseover(function(){
    clearInterval(initList);
 }).mouseout(function(){
    initList = setInterval(function(){ $('#slideshow > div:first')
            .fadeOut(1000)
            .next()
            .fadeIn(1000)
            .end()
            .appendTo('#slideshow');}, 2000) ;
 });