giovedì 13 gennaio 2011

Ricaricare (Refresh) la pagina html con javascript - Codice utile

In questo post vi illustro come potete aggiornare una pagina html grazie ad un semplice script javascript.

Vediamo l'intera struttura della pagina html:



<html>
<head>
<title>Refresh_automatico_javascript</title>

<script type="text/javascript">
var secondi=2;
var pagina='./Refresh_automatico.html';
var millisecondi=secondi*1000;


function ricarica()
{
window.location=pagina;
}

setTimeout('ricarica()',millisecondi);
</script>

</head>

<body>
</body>

</html>


Anallizziamo ora lo script..

VARIABILI
Modificabili (Tutte le variabili sono modificabili..voglio dire che in realtà questi sono i parametri da modificare per cambiare tempi e pagina da ricaricare):
- secondi: tempo in secondi per il ricaricamento della pagina;
- pagina: url relativo della pagina da ricaricare.

Non modificabili:
- millisecondi: non fa altro che convertire i secondi, specificati nella variabile vista in precedenza, in millisecondi necessari per la funzione setTimeout(..,..).


FUNZIONE ricarica()
In questa funzione tramite la riga window.location=pagina; dico al browser di ricaricare la pagina all'indirizzo specificato nella variabile pagina appunto.

INFINE nell'ultima istruzione dello script utilizzo setTimeout('ricarica()',millisecondi); per dire al browser di eseguire la funzione ricarica() dopo un certo numero di millisecondi (siccome avevo impostato 2 secondi, il numero di millisecondi automaticamente calcolato grazie alla riga: var millisecondi=secondi*1000; è 2000).

Tutto qui..provare per credere..alla prossima..ciao :) 

Nessun commento:

Posta un commento