jquery - ホバーの間隔をクリア

Question

ホバーで停止したいカスタムメイドのスライダーがあります。ホバーの間隔をクリアして設定しようとしましたが、正しく機能しません。初めてホバーしたときにのみ停止し、マウスを外に出して再び入れても停止しません。

これが私のコードです：

    var itvl = null;

    itvl = window.setInterval(function(){scroll_()},3000);

    function scroll_() {
        if ($('#carousel_ul li').length > 1) {
            $("#right_scroll").click();
        }
    }

    $('#carousel_ul li').hover(function() {
        window.clearInterval(itvl);    
    }, function() {
        window.setInterval(function(){scroll_()},3000);
    });

私が間違っていることは何ですか？

前もって感謝します

マウロ

Answer 1

ホバーオフの間隔を設定する場合、itvlは設定しません。itvlは、実際には間隔への参照として機能する整数です。したがって、window.setInterval(function(){scroll_()},3000);何も参照せずに参照を変更すると、参照が変更されます。

代わりにこれを試してください：

$('#carousel_ul li').hover(function() {
    window.clearInterval(itvl);    
}, function() {
    itvl = window.setInterval(function(){scroll_()},3000);
});

Answer 2

$('#carousel_ul li').hover(function() {
    window.clearInterval(itvl);    
}, function() {
    itvl = window.setInterval(function(){scroll_()},3000);
});

Answer 3

clearIntervalではなくブール変数を使用できます。

    var scrolling= true;    
    window.setInterval(scroll_,3000);    
    function scroll_() {
        if(scrolling) {
            if ($('#carousel_ul li').length > 1) {
               $("#right_scroll").click();
            }
        }
    }    
    $('#carousel_ul li').hover(function() {
        scrolling = false;    
    }, function() {
        scrolling = true;
    });