setTimeout，clearTimeout jQuery

Question

我在内容滑块脚本中有一个现有函数，它设置下一个幻灯片动画的超时。我想在鼠标悬停时停止动画（我评论了我对脚本的添加）。我究竟做错了什么？谢谢你的帮助。

    function autoSlide() {
        if (navClicks == 0 || !settings.autoSlideStopWhenClicked) {
            if (currentPanel == panelCount) {
                var offset = 0;
                currentPanel = 1;
            } else {
                var offset = - (panelWidth*currentPanel);
                currentPanel += 1;
            };
            alterPanelHeight(currentPanel - 1);
            // Switch the current tab:
            slider.siblings('.coda-nav').find('a').removeClass('current').parents('ul').find('li:eq(' + (currentPanel - 1) + ') a').addClass('current');
            // Slide:



            $('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);

            setTimeout(autoSlide,settings.autoSlideInterval); 

     // this is my addition to try to stop the animation:               
            $('.panel-container', slider).mouseover(function(){
            //alert("hi");
               clearTimeout(autoSlide);

            }).mouseleave(function(){

               setTimeout(autoSlide,settings.autoSlideInterval);

            });
    // end of my addition          

        };
    };

Answer 1

clearTimeout()使用setTimeout()的返回值（操作的ID），因此您应该在设置时保存它，并将其用于清除。

var x=setTimeout(autoSlide,settings.autoSlideInterval); 
...
clearTimeout(x);

• MDC on clearTimeout

    

  window.clearTimeout（timeoutID）

       

  ，其中   timeoutID是您的超时ID   希望清楚，如返回   window.setTimeout（）。

  

Answer 2

autoSlide不是超时，它是您的函数名称，因此您无法清除它的超时。 setTimeout返回对您需要捕获的超时的引用，并在其上调用clearTimeout。见下面的代码：

var slideTimeout = setTimeout(autoSlide,settings.autoSlideInterval); 


$('.panel-container', slider).mouseover(function(){
    clearTimeout(slideTimeout);
}).mouseleave(function(){
    slideTimeout = setTimeout(autoSlide,settings.autoSlideInterval);
});