web-dev-qa-db-ja.com

停止setInterval

errorハンドラーのこの間隔を繰り返し実行しないようにします。それは可能ですか？もし可能なら、どのように？

// example code
$(document).on('ready',function(){
    setInterval(updateDiv,3000);
});

function updateDiv(){
    $.ajax({
        url: 'getContent.php',
        success: function(data){
            $('.square').html(data);
        },
        error: function(){
            $.playSound('oneday.wav');
            $('.square').html('<span style="color:red">Connection problems</span>');
            // I want to stop it here
        }
    });
}
javascriptjqueryhtmlsetinterval
98
Henrik Petterson

setIntervalの戻り値をクリックハンドラーのスコープ内の変数に設定し、次のようにclearInterval()を使用する必要があります。

var interval = null;
$(document).on('ready',function(){
    interval = setInterval(updateDiv,3000);
});

function updateDiv(){
    $.ajax({
        url: 'getContent.php',
        success: function(data){
            $('.square').html(data);
        },
        error: function(){
            clearInterval(interval); // stop the interval
            $.playSound('oneday.wav');
            $('.square').html('<span style="color:red">Connection problems</span>');
        }
    });
}
209
Rory McCrossan

変数を使用し、clearIntervalを呼び出して停止します。

var interval;

$(document).on('ready',function()
  interval = setInterval(updateDiv,3000);
  });

  function updateDiv(){
    $.ajax({
      url: 'getContent.php',
      success: function(data){
        $('.square').html(data);
      },
      error: function(){
        $.playSound('oneday.wav');
        $('.square').html('<span style="color:red">Connection problems</span>');
        // I want to stop it here
        clearInterval(interval);
      }
    });
  }
21
Chris Dixon

setInterval関数の戻り値を変数に割り当てる必要があります

var interval;
$(document).on('ready',function(){
    interval = setInterval(updateDiv,3000);
});

そして、 clearInterval(interval) を使用して再度クリアします。

11
Moritz Roessler

これを使用して、私はあなたを助けることを願っています

var interval;

function updateDiv(){
    $.ajax({
        url: 'getContent.php',
        success: function(data){
            $('.square').html(data);
        },
        error: function(){
            /* clearInterval(interval); */
            stopinterval(); // stop the interval
            $.playSound('oneday.wav');
            $('.square').html('<span style="color:red">Connection problems</span>');
        }
    });
}

function playinterval(){
  updateDiv(); 
  interval = setInterval(function(){updateDiv();},3000); 
  return false;
}

function stopinterval(){
  clearInterval(interval); 
  return false;
}

$(document)
.on('ready',playinterval)
.on({click:playinterval},"#playinterval")
.on({click:stopinterval},"#stopinterval");
6
Abdalrahman Ahmed

clear intervalを呼び出すことで、設定された間隔を簡単に停止できます。

var count = 0 , i = 5;
var vary = function intervalFunc() {
  count++;
      console.log(count);
    console.log('hello boy');  
    if (count == 10) {
      clearInterval(this);
    }
}

  setInterval(vary, 1500);
3
Mukesh Kumar