Orologio digitale
Semplicissmo orologio funzionante su tutti i tipi di browser, comprende una dichiarazione di style dalla quale è possibile modificare carattere, grandezza e colore dell’orologio.
1. Incollare il contenuto sottostante tra i tag <HEAD> e </HEAD>
<SCRIPT type=”text/javascript”>
function showFilled(Value) {
return (Value > 9) ? “” + Value : “0″ + Value;
}
function StartClock24() {
TheTime = new Date;
document.clock.showTime.value = showFilled(TheTime.getHours()) + “:” + showFilled(TheTime.getMinutes()) + “:” + showFilled(TheTime.getSeconds());
setTimeout(”StartClock24()”,1000)
}
//–>
</script>
<style type=”text/css”>
<!–
.input { border-style: none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9pt;
color : red;
}</style>
2. A questo punto procediamo con l’attivazione dell’orologio, incollate il contenuto sottostante dopo il tag </HEAD> e modificate il valore esadecimale di bgcolor a seconda di quale colore di background preferite per la vostra pagina.
<BODY bgcolor=”#FFFFFF” onLoad=”StartClock24()”>
3. Ora richiamiamo il file dove riteniamo opportuno, incollando il contenuto sottostante tra i tag <BODY> e </BODY> e il gioco sarà fatto.
<form name=clock>
<input type=text name=showTime size=8 class=input>
</form>
Tags: orologio
