javascript - マウスオーバーで自動回転を一時停止 (jQuery)

Question

私はコンテンツ スライダー プラグインを使用していますが、これは優れていますが、重要な機能が 1 つ欠けています:マウスオーバー時にスライドの自動回転を停止しません。

スクリプトの関連部分は次のとおりです。

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

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

dotimer();

完全なスクリプトはここでプレビューできます

マウスオーバーで回転を一時停止し、マウスアウトで再開したい。

よろしくお願いします。

Answer 1

hoverイベントでタイマーを設定およびクリアする必要があります。

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

Answer 2

試す：

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

Answer 3

ここで解決策を見つけました: http://www.dlocc.com/articles/jflow-slider-auto-slider-with-pause-functionality/

とにかくありがとう。