¿Hay alguna manera de borrar todos los temporizadores de JavaScript a la vez?

Question

Estoy creando una sección de comentarios refrescantes automáticos para mi sitio web usando jQuery .load. Así que estoy usando un temporizador javascript 'setTimeout' para buscar nuevos comentarios.

Pero después de hacer algunas cosas como cambiar páginas de comentarios o eliminar (todas usando ajax), algunos cronómetros siguen funcionando, aunque utilicé clearTimeout antes de cargar contenido ajax nuevo.

¿Hay alguna forma de borrar TODOS los temporizadores de JavaScript cuando cargue nuevo contenido ajax?

Answer 1

No existe una función general en javascript que le permita borrar todos los temporizadores. Deberá realizar un seguimiento de todos los temporizadores que cree. Para ello se puede utilizar una matriz global:

var timers = []; 
... 
// add a timer to the array 
timers.push(setTimeout(someFunc, 1000)); 
... 
// clear all timers in the array 
for (var i = 0; i < timers.length; i++) 
{ 
    clearTimeout(timers[i]); 
} 

Answer 2

En su lugar, puede considerar el uso de jQuery Timers, que abstrae muchos de los detalles "feos" de setTimeout/setInterval, y hace que sean más fáciles de usar en su código para cosas como lo que está describiendo.

Answer 3

Advertencia: Mi código de abajo es problemático, sobre todo porque el requisito es de por sí es problemático. Me pregunto por qué querrías borrar todos los temporizadores de cualquier forma. Esto hace que tu código rompa cualquier complemento que use los temporizadores. Lo cual es mucho más común de lo que piensas, a menos que, por supuesto, estés depurando o divirtiéndote, entonces no importa.

---

Si usted tiene que:

Ésta es una de las peores soluciones posibles. Sin embargo, revela una posible vulnerabilidad de seguridad en JavaScript. Pero ya que simplemente funciona (borra todos los contadores de tiempo) pensé que estaría bien compartirlo:

var maxId = setTimeout(function(){}, 0); 

for(var i=0; i < maxId; i+=1) { 
    clearTimeout(i); 
}