function consoleTest() { setInterval(function(){ console.log('Hello World'); }, 1000); } $('#button').on('click', function(){ clearInterval(consoleTest); }); consoleTest();Creé una aplicación simple cuando hago clic en el botón que detendrá/pausará el intervalo. Sé cómo hacer que funcione, solo necesito declarar una variable fuera de la función y contener allí el setInterval, ahora estoy confundido por qué clearInterval no funcionará si lo llamo a través de una función, que alguien me lo explique.
Este es el uso correcto de setInterval y cleaInterval . setInterval devuelve un valor que debe mantener en una variable con alcance para ambas funciones. Cuando desee borrar el intervalo, use clearInterval y pásele la variable como parámetro:
var interval; function consoleTest() { interval = setInterval(function() { console.log('Hello World'); }, 1000); } $('#button').on('click', function() { clearInterval(interval); }); consoleTest();Para leer más: clearInterval y setInterval .
Hay dos problemas aquí. En primer lugar, no configura la identificación del temporizador devuelta desde setInterval() en ninguna parte. consoleTest es la función que envuelve el temporizador, no una referencia al temporizador, que es lo que se debe dar a clearInterval() . En segundo lugar, necesita que la referencia del temporizador esté dentro del alcance de ambas funciones. Con eso en mente, prueba esto:
function consoleTest() { return setInterval(function(){ console.log('Hello World'); }, 1000); } $('#button').on('click', function(){ clearInterval(interval); }); var interval = consoleTest();