javascript - clearInterval - 出了点问题

Question

看来大家对clearInterval都有一些疑问。我构建了一个 slider ，允许人们将鼠标悬停在箭头上单击。横幅也会每隔几秒钟旋转一次。我希望能够在有人单击其中一个箭头后关闭自动旋转。

这是我的代码:

$(function(){
    var intvl = 0;
    intvl = setInterval(heroTransitionNext, 2000);
    $('.rightArrow').click(function(){
       window.clearInterval(intvl);
    });
});

编辑:

这是它调用的函数:

function heroTransitionNext() {
    $('.HP-hero li').filter(':visible').fadeOut('normal', function () {
        if ($(this).next().length != 0) {
            activeZone = parseInt(activeZone) + 1;
            $(this).next().fadeIn('normal', heroNavHighlight(activeZone));
        } else {
            activeZone = 1;
            $('.HP-hero li:first-child').fadeIn('normal', heroNavHighlight(activeZone));
        }
        $(this).hide();
    });
};

Answer 1

要停止动画，您可以使用 jquery的.stop()但不确定它是否能解决您面临的问题(没有想象)，但您可以尝试一下

$('.HP-hero li').stop(1,1); // or try $('.HP-hero li').stop()
window.clearInterval(intvl);

如say2joe说clearInterval只会阻止该函数下次调用，但不会清除当前队列(他是对的)，所以在这种情况下 stop可以使用。

About Stop .