javascript - react - window location change event

Cómo detener "setInterval"

Question

Esta pregunta ya tiene una respuesta aquí:

• Stop setInterval llamada en JavaScript 8 respuestas

¿Cómo detengo e inicio setInterval ?

Supongamos que tengo un área de textarea . Quiero detener setInterval en el enfoque y reiniciar setInterval en desenfoque (con jQuery).

Answer 1

Esto se basa en la respuesta de CMS. La pregunta era si el temporizador debía reiniciarse en la imagen borrosa y se detenía en el foco, así que lo moví un poco:

$(function () {
  var timerId = 0;

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

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

Answer 2

Guarde el retorno de setInterval en una variable y setInterval más tarde para borrar el intervalo.

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

Answer 3

setInterval devuelve una identificación que puede usar para cancelar el intervalo con clearInterval ()

Answer 4

clearInterval almacenar la identificación del temporizador del intervalo cuando lo inicie, luego usará este valor para detenerlo, utilizando la función clearInterval :

$(function () {
  var timerId = 0;

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

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

});