Data e orologio javascript (seconda parte)

Nel post precedente abbiamo visto come visualizzare una semplice data in javascript, nella fattispecie quella in alto a sinistra in questa stessa pagina, ora dedichiamoci alla realizzazione di un'orologio completo di ora, minuti e secondi che si aggiornano in tempo reale. L'unico svantaggio è che l'ora visualizzata sarà quella del computer dell'utente. Bando alle ciance posto subito il codice:

<script language="JavaScript" type="text/javascript">

<!--

function orologio() {

now=new Date();

hour=now.getHours();

min=now.getMinutes();

sec=now.getSeconds();

if (min<=9) { min="0"+min; }

if (sec<=9) { sec="0"+sec; }

if (hour>12) { hour=hour-12; add="pm"; }

else { hour=hour; add="am"; }

if (hour==12) { add="pm"; }

time = ((hour<=9) ? "0"+hour : hour) + ":" + min + ":" + sec + " " + add;

if (document.getElementById) { document.getElementById('theTime').innerHTML = time; }

else if (document.layers) {

document.layers.theTime.document.write(time);

document.layers.theTime.document.close(); }

setTimeout("orologio()", 1000);

}

window.onload = orologio;

// -->

</script>

<span id="theTime" style="font-size: 12pt"></span>

Nel documento, quindi fuori dallo script, ho inserito lo style con il quale modificare a proprio piacimento il layout del testo che l'utente finale vedrà sulla pagina web da voi confezionata. Io ho solo inserito la dimensione del font ma voi potrete dare sfogo alla vostra creatività come meglio credete.

Come al solito buon C.I.P. a tutti (copia, incolla, prova).