¿Cómo actualizo el navegador cada X segundos con javascript?

Question

Uso un complemento de Firefox que puede actualizar la ventana del navegador cada X segundos. Como desarrollador de frontend esto es realmente útil, ya que puedo recibir comentarios instantáneos sobre los cambios de CSS/XHTML en el momento en que los guardo en mi editor.

Me he dado cuenta, sin embargo, de que esto a menudo deja de funcionar. Supongo que esto puede deberse a javascript/jQuery que he agregado a la página que interfiere con el complemento.

Me preguntaba si era posible agregar una línea temporal de javascript para imitar este comportamiento de actualización automática cuando sea necesario.

Answer 1

setTimeout("location.reload(true);", timeoutPeriod); 

Answer 2

La solución más fácil y hackiest a actualizar la página es añadir esta dentro de la cabeza:

<meta http-equiv="refresh" content="30" /> 

para actualizarlo cada 30 segundos.

Usted puede hacer similar con Javascript haciendo:

setTimeout('window.location.href=window.location.href;', 30000); 

Nota: Hay several methods of reloading the page in Javascript por lo que estos también trabajará:

setTimeout('window.location.reload();', 30000); 

y

setTimeout('history.go(0);', 30000); 

y otros .

Ambos recargarán completamente la página cada 30 segundos. Está bien si todo lo que estás haciendo es algo rápido y sucio. Sin embargo, en general, para algo que los usuarios usarán, en su lugar querrás actualizar AJAX a partes de la página. Por ejemplo:

setInterval(refresh_table, 30000); 

function refresh_table() { 
    $("#table_container").load("/load_table"); 
} 

Answer 3

Esta etiqueta meta hace la magia también. Se actualiza la página después de cada 30 segundos y se puede cambiar también

meta http-equiv = "refresh" content = "30"