暫停自動旋轉（jQuery的）

Question

我使用的是內容滑塊插件是好的，但缺少一個重要的特徵：確實鼠標懸停不停止自動旋轉滑片。

下面是相關的部分從腳本：

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

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

dotimer(); 

完整的腳本可以預覽here

我想旋轉暫停鼠標懸停和恢復上鼠標移開。

在此先感謝您的幫助！

Answer 1

找到了解決辦法在這裏：http://www.dlocc.com/articles/jflow-slider-auto-slider-with-pause-functionality/

還是要謝謝你。

Answer 2

您需要設置並清除計時器在hover事件：

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

Answer 3

嘗試：

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