web-dev-qa-db-ja.com

すべてのsetInterval()に対してclearInterval()を使用するにはどうすればよいですか?

JQueryプラグインで呼び出されたsetInterval()がありますが、setIntervalが格納されている変数にアクセスできないメインページからそれをクリアしたいと思います。

ページに存在するすべてのタイマーをクリアする方法はありますか?

38
Matt

これは、すべての間隔をクリアするロジックの1つになります...

for (var i = 1; i < 99999; i++)
        window.clearInterval(i);
53
Vinay

SetIntervalをオーバーライドできます。

window.oldSetInterval = window.setInterval;
window.setInterval = function(func, interval) {
    var interval = oldSetInterval(func, interval);
    // store it in a array for stopping? stop it now? the power is yours.
}
24
Isaac Waller

いいえ、元の変数なしではできません。

10
Sasha Chedygov

答え

for (var i = 1; i < 99999; i++)
     window.clearInterval(i);

私が探していたものでした。この非常に単純なロジックを少し改善することで、私はこのようなことをすることができました。

var i = 0;
var rotatorId;
var rotator;

rotator =  setInterval(function() {myfunction(), 3000});
rotatorId[i] = rotator;
i++;

if (rotator > 1) {
   for(i = 1; i < rotatorId.length; i++){
      clearInterval(rotatorId[i]);                      
    }                       
}
6
Marcus Ford

私がこれを達成した方法は、アプリケーションレベルの配列(たとえば、Application.setIntervalIds = [])を作成することです。その後、必要に応じて、配列の各IDでwindow.clearInterval(id)を呼び出すだけです。

例として、私が新しいsetIntervalを作成するとき、私は(coffeescript)のようなものを書きます:

id = setInterval (() -> function2call()), timeout
Application.setIntervalIds.Push id

そして、必要なときに呼び出すことができるclearAllSetIntervals関数があります。

Application.clearAllSetIntervals = () ->
    $.each Application.setIntervalIds, (index, id) ->
         window.clearInterval id
3
ProfNimrod

私が見つけた最良の方法...

var clearAllIntervals = function ( ) {

    var intervals = [];

    $(".elements").each(function() {
        intervals.Push( setInterval(function() {

        }, 1000) );
    });

    return function clearAll ( ) {
        intervals.forEach( clearInterval );
    }

}( );

// When you want to clear them:
clearAllIntervals( );
2
Ashwini Jindal

各間隔IDを非表示のコンテナーに格納してから、この関数を呼び出してループし、window.clearIntervalで各IDを削除します。

function clearAllIntervals() {
    $('.intervals-holder span').each(function() {
        var clearThis = parseInt($(this).text(), 10); // gets the interval id from the span holder
        window.clearInterval(clearThis); // removes the interval
        $(this).remove(); // removes the span holding the id
    })
}

// setting interval
// (i clear all first because in my code the buttons can be double clicked..
// ..and there is more than one button to start what i want to be started)
function audioRingingInterval() {
    clearAllIntervals();
    var intervalId = setInterval(audioRingingStartFunction, 500);
    $('.intervals-holder').append('<span>'+intervalId+'</span>');
}
// i call this when i want to set the interval and it calls the interval function above
function audioRingingStartFunction() {
    $('.audio-blinking').toggleClass('blinking');
}
// i call this when i want to stop the interval
function audioRingingStopFunction() {
    clearAllIntervals();
    $('.audio-blinking').removeClass('blinking');
}

それは醜いですが、私の目的のためにそれは機能します。

これでうまくいきました。

//Setting interval
var startInterval = setInterval(function () {
 //interval code here
}, 1000);

//Clearing interval
var countInterval = startInterval != undefined ? startInterval : 0;

 for (var a = 0; a < countInterval; a++) {
  clearInterval(a);
 }
1