Start Home Hosting Forum Hosting Account Server gratuito Hosting Blog Hosting FAQ
 
 Contacts

Registrazione domini, hosting
Registrazione domini a soli 5.49 euro l'anno!
     http://www.


Registrazione domini e Hosting professionale
NewsHTMLCSSJAVASCRIPTHosting MysqlHosting PHPHosting BlogHosting CMSHosting Forum    
 
Orologio digitale
Martedì, 1 Gennaio 2008

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:
Pubblicato in JS | Nessun Commento »