当用户单击另一个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 method返回间隔的id。您可以存储此值，并在点击元素#fade-button时使用clearInterval清除该特定时间间隔：

Basic Example Here

var intervalId = setInterval(toggleSlide, 1000);

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