鼠標離開，清空間隔和停止腳本

Question

我有這段代碼：

slider.controls.next.bind('mouseenter', function() { 
    setInterval(clickNextBind, 300); 
}); 

與bxslider工作，所以，如果用戶將鼠標懸停在「下一步」按鈕，幻燈片自動滾動。但是當用戶離開「下一個」按鈕時，我需要停止它。

我嘗試這樣做：

slider.controls.next.bind('mouseleave', function() { 
    clearInterval(); 
}); 

但它不會停止滾動。我應該怎麼做？

MTIA。

Answer 1

你需要一個特定的時間間隔ID傳遞到clearInterval：

var interval = 0; 
slider.controls.next.bind('mouseenter', function() { 
    interval = setInterval(clickNextBind, 300); 
}); 

slider.controls.next.bind('mouseleave', function() { 
    clearInterval(interval); 
});