Cómo detener "setInterval"

Question

¿Cómo puedo detener e iniciar setInterval?

Supongamos que tengo un textarea. Quiero detener setInterval en foco y reiniciar setInterval en desenfoque (con jQuery).

Answer 1

usted tiene que almacenar el id temporizador del intervalo cuando se inicia, que va a utilizar este valor después de 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); 
    }); 

}); 

Answer 2

tienda el regreso de setInterval en una variable, y úsala 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 un identificador que se puede utilizar para cancelar el intervalo con clearInterval()

Answer 4

Esto se basa en la respuesta de CMS. La pregunta planteada a que el temporizador se reiniciará en la falta de definición y se detuvo en el centro, por lo que lo movió un poco:

$(function() { 
    var timerId = 0; 

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

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