Auto refresh della pagina con timer

Javascript Auto refresh della pagina con timer

Buongiorno a tutti, in questo articolo esamineremo un semplice script per effettuare un refresh automatico con timer delle nostre pagine web.

Ora, qualcuno potrebbe dire:”E a che mi serve un auto refresh della pagina?” Vi faccio un esmpio concreto, molti portali, come Repubblica o Ansa, sono poratali di news e quindi offrono quasi ogni minuto nuove notizie. Accade che molti hanno perennemente la loro pagina aperta per apprendere le ultime notizie. E’ esattamente qui il problema, se non ci fosse un refresh automatico della pagina ogni tot secondi, l’utente vedrebbe sempre la stessa pagina con le  stesse notizie, con un refresh, invece, può vedere anche le ultime perchè il browser riemette la richiesta di visualizzazione e per risposta gli vengono fornite le ultime modifiche.

 Per fare tutto ciò in maniera molto semplice vi propongo un semplice codice javascript. Come noi tutti sappiamo, questo codice che vi indico lo potete mettere in un file esterno con estensione .js e richiamarlo nell’head del nostro codice html oppure metterlo direttamente nell’head dopo il tag <title></title> nel seguente modo:

<script>

<!--







//inserisci qui sotto il time, il primo valore è per i minuti e il secondo per i secondi 

var limit="0:4"



if (document.images){

var parselimit=limit.split(":")

parselimit=parselimit[0]*60+parselimit[1]*1

}

function beginrefresh(){

if (!document.images)

return

if (parselimit==1)

window.location.reload()

else{ 

parselimit-=1

curmin=Math.floor(parselimit/60)

cursec=parselimit%60

if (curmin!=0)

curtime=curmin+" minutes and "+cursec+" seconds left until page refresh!"

else

curtime=cursec+" seconds left until page refresh!"

window.status=curtime

setTimeout("beginrefresh()",1000)

}

}



window.onload=beginrefresh

//-->

</script>

Tutto qui, il codice javascript partirà in automatico al caricamento della pagina. In basso vi metto anche il download del file per autorefresh con javascript.