当用户单击另一个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.您可以存储此值并用于clearInterval在#fade-button单击元素时清除该特定时间间隔:

基本示例在这里

var intervalId = setInterval(toggleSlide, 1000);

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