Javascript: un semplice orologio

La tua ora locale!

E questa e' la pagina HTML:

<html><script language="JavaScript">
function mytime() {
var x=new Date();
h=x.getHours();
m=x.getMinutes();
s=x.getSeconds();
if(s<=9) s="0"+s;
if(m<=9) m="0"+m;
if(h<=9) h="0"+h;
time=h+":"+m+":"+s;
document.rclock.rtime.value=time;
setTimeout("mytime()",1000); }
//-->
</script>

<BODY onload="mytime()"><center>
<H3>Your local time!</H3>
<form name="rclock">
<table border="2">
<input type="text" name="rtime" size="7">
</table>
</form>
</center>
</body>
</html>

Ok, quando carichi questa pagina (evento Load e gestore OnLoad), il browser esegue lo script 'mytime'. Vediamo questo script:

x=new Date()

Bene, Javascript ha alcuni oggetti interni nel linguaggio, come boolean, array o date. Non dovremmo in realta' parlare di oggetti, ma di classi di oggetti. Infatti, Date() un vero singolo oggetto, ma un insieme di oggetti che hanno le stesse proprieta'. Quindi devi costruire un' istanza di quella classe di oggetti tramite l' operatore new. Nella riga sopra, stai dicendo: 'browser, costruisci un nuovo (new) oggetto che appartiene alla classe Date()...il suo nome sara': x'. In altre parole, 'x' (ma puoi scegliere un nome qualsiasi) e' il nome di un nuovo oggetto. Inoltre, 'x' e' una variabile. Infatti definisci esplicitamente 'x' come variabile, tramite l' istruzione var.

L' oggetto Date(), ha parecchi metodi, come getHours, getMinutes o getSeconds. Comunque ci sono altri metodi. Non puoi usare una data prima del 1 Gennaio 1970.

h=x.getHours() significa: 'determina l' ora tramite il metodo getHours() appliocato all' oggetto x, e metti (assegna) quel valore alla variabile h'.

Il simbolo '+', e' un operatore utile per gestire le stringhe. Puoi incollare pezzi di stringhe tramite il simbolo '+'. Per esempio: 'questa è una stringa' + ':' 'Salve' + 'gente...' significa:

'questa è una stringa: Salve gente...'

Infine:

tick=setTimeout("mytime()",1000)

SetTimeout e' un metodo dell' oggetto Window. Chiama una funzione se e' trascorso un certo numero di millisecondi (in questo caso dopo 1000 millisecondi, o, in altre parole dopo un secondo). Percio' setTimeout chiama la funzione 'mytime' ogni secondo.