setTimeout，clearTimeout jQuery

Question

我有一个内容滑块脚本中的现有功能，它为下一张幻灯片设置超时动画。我想停止mouseover上的动画（我评论了我对脚本的补充）。我究竟做错了什么？谢谢你的帮助。

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