鼠标悬停时暂停自动旋转（jQuery）答案

【问题标题】：Pause auto-rotate on mouseover (jQuery)鼠标悬停时暂停自动旋转（jQuery）
【发布时间】：2010-04-26 14:31:03
【问题描述】：

我正在使用一个不错的内容滑块插件，但缺少一个重要功能：不会在鼠标悬停时停止自动旋转幻灯片。

这是脚本中的相关部分：

var dotimer = function (x){
    if((opts.auto) == true) {
        if(timer != null) 
            clearInterval(timer);

        timer = setInterval(function() {
                $(opts.next).click();
                }, 3000);
    }
}

dotimer();

完整脚本可预览here

我希望旋转在鼠标悬停时暂停并在鼠标悬停时恢复。

提前感谢您的帮助！

【问题讨论】：

标签： javascript jquery slider carousel

【解决方案1】：

你需要在hover事件中设置和清除定时器：

var stopTimer() = function () {
    if (!timer) return;
    clearInterval(timer);
    timer = false;
};
$(something).hover(
    function() { stopTimer(); },
    function() { doTimer();   }
);

【讨论】：

【解决方案2】：

试试：

$(opts.slides).hover(function() {
  clearInterval(timer);
},
function() {
  dotimer();
});

【讨论】：

【解决方案3】：

在这里找到解决方案：http://www.dlocc.com/articles/jflow-slider-auto-slider-with-pause-functionality/

还是谢谢。

【讨论】：