javascript - 悬停时jQuery暂停功能？

Question

我有一个 jQuery/JS 函数，它使用 setInterval 循环播放我的一些图片幻灯片。它只是每 5 秒翻阅一次...

现在我想让它在我的鼠标悬停在它上面时暂停。我该如何在 setInterval 函数上执行此操作？

var current = 1;

function autoAdvance() {
    if (current == -1) return false;

    jQuery('#slide_menu ul li a').eq(current % jQuery('#slide_menu ul li a').length).trigger('click', [true]);
    current++;
}

// The number of seconds that the slider will auto-advance in:
var changeEvery = jQuery(".interval").val();
if (changeEvery <= 0) {
    changeEvery = 10;
}
var itvl = setInterval(function () {
    autoAdvance()
}, changeEvery * 1000);

Answer 1

假设 interval 是在外部范围内定义的，这样的事情会起作用:

$('.slideshow img').hover(function() {
  interval = clearInterval(interval);
}, function() {
  interval = setInterval(flip, 5000);
});