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:
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).
<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>
codice:
In seguito si inserirà una casella di testo nel preciso punto della pagina in cui vuole far comparire l'orologio, attraverso questo codice:
<body onload="AvviaOrologio()" onunload="ChiudiOrologio()">
codice:
Eventuali bordi o sfondi colorati si aggiungono, ad esempio, usando una tabella.
<form name="orologio"> <input type=text name="ora" size=6>
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
©2002 www.webfract.it