当用户单击另一个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);
});