Come faccio ad aggiornare il browser ogni X secondi con javascript?

Question

Uso un plugin per Firefox in grado di aggiornare la finestra del browser ogni X secondi. Come sviluppatore frontend questo è davvero utile in quanto posso ottenere un feedback istantaneo sui cambiamenti CSS/XHTML nel momento in cui li salvo nel mio editor.

Ho notato, tuttavia, che spesso questo smette di funzionare. Suppongo che ciò possa essere dovuto a javascript/jQuery che ho aggiunto alla pagina che interferisce con il plugin.

Mi stavo chiedendo se fosse possibile aggiungere una linea temporanea di javascript per simulare questo comportamento di aggiornamento automatico quando necessario.

Answer 1

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

Answer 2

La soluzione più semplice e hackiest per aggiornare la pagina è quello di aggiungere questo dentro la testa:

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

per aggiornarlo ogni 30 secondi.

Si può fare di simile con JavaScript facendo:

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

Nota: Ci sono several methods of reloading the page in Javascript così questi saranno anche il lavoro:

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

e

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

e altri .

Entrambe queste opzioni ricaricheranno completamente la pagina ogni 30 secondi. Va bene se tutto quello che stai facendo è qualcosa di veloce e sporco. Generalmente però per qualcosa che gli utenti useranno, vorrai fare AJAX per rinfrescare le parti della pagina. Per esempio:

setInterval(refresh_table, 30000); 

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

Answer 3

Questo meta tag fa la magia troppo. Si aggiorna la pagina ogni 30 secondi e si può cambiare troppo

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