javascript - 如何在我的场景中正确清除间隔？

Question

Demo

    $(".moving_container").mouseenter(
        function(){
             clearInterval(timer);
        }
    ).mouseleave(function(){
             timer = getInterval(slideWidth,slideHeight,slideLength)
    });  

我只是想创建一个 slider 。我想在光标位于 slider 顶部时停止动画，并在光标离开 slider 时恢复动画。

但是它不能正常工作。

制作步骤: 调整屏幕大小并将鼠标悬停在上面。 将光标移出 slider 。

Demo

如何正确清除间隔？

Answer 1

代码中的主要问题是每次调整窗口大小时都会添加 mouseenter 和 mouseleave 事件。我建议组织您的代码，以便将事件附加一次。这将需要重构您的代码。

然而，一个快速的解决方案是在重新附加事件之前分离事件:

$(".moving_container").off('mouseenter').off('mouseleave');

JSFiddle

更好的解决方案是完全重写:JSFiddle