INDICE

INSERIRE UN OROLOGIO NEL PROPRIO SITO

E' facile inserire un orologio digitale nel proprio sito, cioè per intenederci un orologio come questo:

Per ottenere l'orologio, non basta più il semplice linguaggio HTML, ma è necessario usare un vero e proprio linguaggio di programmazione, come Java Script. Chi non ha voglia di approfondire lo studio del linguaggio, può tranquillamente copiare il codice ed inserirlo nella propria pagina HTML, fra i tag <head>..</head>.

codice:
<script language="JavaScript"> var inizio = 0; function aggiorna() { if(inizio) { clearTimeout(inizio); inizio = 0; } var data = new Date(); minuti=data.getMinutes() secondi=data.getSeconds() if (minuti <= 9) {minuti = "0" + minuti; } if (secondi <= 9) {secondi = "0" + secondi; } document.orologio.ora.value = "" + data.getHours() + ":" + minuti +":" +secondi; inizio = setTimeout("aggiorna()", 1000); } function AvviaOrologio() { inizio = setTimeout("aggiorna()", 500); } function ChiudiOrologio() { if(inizio) { clearTimeout(inizio); inizio = 0; } } </SCRIPT>
In seguito si dovrà inserire il seguente codice all'interno del tag <body> (qui è stato riportato solo il codice adatto a far funzionare l'orologio).
codice:
<body onload="AvviaOrologio()" onunload="ChiudiOrologio()">
In seguito si inserirà una casella di testo nel preciso punto della pagina in cui vuole far comparire l'orologio, attraverso questo codice:
codice:
<form name="orologio"> <input type=text name="ora" size=6>
Eventuali bordi o sfondi colorati si aggiungono, ad esempio, usando una tabella.

A breve saranno pubblicate, per chi è interessato, le spiegazioni passo per passo del programma.

Se si è interessati ad un orologio grafico, se ne può trovare uno molto carino all'indirizzo http://javascriptkit.com/script/script2/analogstatic.shtml


INDIETRO

©2002 www.webfract.it