jquery - mouseleave，清除间隔和停止脚本

Question

我有这段代码：

slider.controls.next.bind('mouseenter', function() {
    setInterval(clickNextBind, 300);
});

使用 bxslider 以便如果用户将鼠标悬停在“下一步”按钮上，幻灯片会自动滚动。但是当用户离开“下一步”按钮时，我需要它停止。

我试过这个：

slider.controls.next.bind('mouseleave', function() {
    clearInterval();
});

但它不会停止滚动。我应该怎么做？

MTIA。

Answer 1

您需要将特定的间隔 id 传递给clearInterval：

var interval = 0;
slider.controls.next.bind('mouseenter', function() {
    interval = setInterval(clickNextBind, 300);
});

slider.controls.next.bind('mouseleave', function() {
    clearInterval(interval);
});