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