comment arrêter "setInterval"

Question

Comment puis-je arrêter et démarrer setInterval ?

Supposons que j'ai textarea . Je souhaite arrêter setInterval sur la mise au point et redémarrer setInterval sur le flou (avec jQuery).

Answer 1

Vous devez enregistrer l' ID de minuterie de l'intervalle lorsque vous le démarrez. Vous utiliserez cette valeur ultérieurement pour l'arrêter, à l'aide de la fonction clearInterval :

 $(function () {
  var timerId = 0;

  $('textarea').focus(function () {
    timerId = setInterval(function () {
      // interval function body
    }, 1000);
  });

  $('textarea').blur(function () {
    clearInterval(timerId);
  });

});
 

Answer 2

Ceci est basé sur la réponse de CMS. La question demandait que le minuteur soit redémarré sur le flou et arrêté sur le focus, je l'ai donc déplacé un peu:

 $(function () {
  var timerId = 0;

  $('textarea').focus(function () {
    clearInterval(timerId);
  });

  $('textarea').blur(function () {
    timerId = setInterval(function () {
     //some code here 
    }, 1000);
  });
});
 

Answer 3

Stockez le retour de setInterval dans une variable et utilisez-la plus tard pour effacer l'intervalle.

 var timer = null;
$("textarea").blur(function(){
    timer = window.setInterval(function(){ ... whatever ... }, 2000);
}).focus(function(){
    if(timer){
       window.clearInterval(timer);
       timer = null
    }
});
 

Answer 4

setInterval renvoie un identifiant que vous pouvez utiliser pour annuler l'intervalle avec clearInterval ()