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);
});

mouseleave，清除间隔和停止脚本

1 个答案: