LOGIN

**Philosophy** · 31-12-11, 00:03

Salve a tutti.

Sono qui per mostrarvi un semplice orologio fatto in javascript che rimane sempre aggiornato!

Codice:

<script type="text/javascript">
var timer = null
function stop()
{
clearTimeout(timer)
}
function start()
{
var time = new Date()
var hours = time.getHours()
var minutes = time.getMinutes()
minutes=((minutes < 10) ? "0" : "") + minutes
var seconds = time.getSeconds()
seconds=((seconds < 10) ? "0" : "") + seconds
var clock = hours + ":" + minutes + ":" + seconds
document.forms[0].display.value = clock
timer = setTimeout("start()",1000)
}
</script>

<body onload="start()" onunload="stop()"> 

<form>
<input type="text" name="display" size="7" style="background-color:#E8EFFA; color:#000000; font:bold 11px verdana;">
</form>

Guida

1.Modifichiamo il campo "var hours" cancellando "time.getHours()" e inserendo l'ora attuale es: var time= 01
2.Modifichiamo il campo "var minutes" cancellando "time.getMinutes()" e inserendo i minuti attuali es: var minutes=54
3.L'orologio può essere modificato esteticamente ovvero:
•Modificando le dimensioni con "size=7",possiamo cancellare il numero 7 e mettere magari 8 per ingrandire l'orologio!
•Modificando il contorno dell'orologio "style="background-color:#E8EFFA" ,modificando "#E8EFFA" che sarebbe bianco magari mettendo #000000 che sarebbe nero!
•Modificando il carattere "font:bold 11px verdana" ,possiamo cancellare verdana e mettere Comic Sams,oppure Arial a seconda dei gusti!

Questo è uno screen mettendolo a size 70

*Registrati per vedere i link, basta cliccare qui

Per dubbi o problemi non esitate a contattarmi!

Puu

**ale1997** · 31-12-11, 02:20

Guida simpatica, anche se puoi migliorarla con più screen e renderla più dettagliata. Per il resto bravo

**Philosophy** · 31-12-11, 11:21

@*Registrati per vedere i link, basta cliccare qui Grazie mille

, il problema e che l'orologio e quello mettere piu screen sarebbe inutile..

**Mr_Joker** · 31-12-11, 13:25

Bhe ottima guida perfetta è funzionante, però l'unica cosa è che vista graficamente l'orologio, non è molto piacevole. Ti consiglierei di modificarne la grafica, per il resto va bene.

**Philosophy** · 31-12-11, 15:41

@*Registrati per vedere i link, basta cliccare qui grazie,si effettiavamente non è molto bello esteticamente

**Aruba** · 31-01-12, 09:02

@*Registrati per vedere i link, basta cliccare qui , bellissima guida!

Anche divertente e molto simpatica.

Bravo per aver postato!

Ottimo.

LOGIN

Creare orologio in JavaScript

Riferimento: Creare orologio in JavaScript

Riferimento: Creare orologio in JavaScript

Riferimento: Creare orologio in JavaScript

Riferimento: Creare orologio in JavaScript

Riferimento: Creare orologio in JavaScript