當用戶單擊另一個DOM元素時，停止setInterval計時器

Question

這是我正在使用的一些示例代碼。 我需要它，以便當用戶單擊<li id="fade-button"> ，間隔停止。

var toggleSlide = function() {
  $("#slider li.uk-active")
    .removeClass()
    .next()
    .add("#slider li:first")
    .last()
    .addClass("uk-active");
}
setInterval(toggleSlide, 1000);

Answer 1

setInterval方法返回時間間隔的ID。 您可以存儲此值，並在單擊元素#fade-button時使用clearInterval清除該特定間隔：

這里的基本例子

var intervalId = setInterval(toggleSlide, 1000);

$('#fade-button').on('click', function () {
  clearInterval(intervalId);
});