Orologio per home page da fare da sola

fusionman

Ma intendi un orologio basato su numeri o grafica?
Cioè "ore 10:30:12" che avanza ogni secondo?

vale76

@FuSioNmAn said:

Cioè "ore 10:30:12" che avanza ogni secondo?

si si esatto

fusionman

Ricordavo che se ne era gia parlato e infatti esisteva un post proprio di giorgiotave

http://www.giorgiotave.it/forum/scripting-lato-client/76-orologio-javascript.html

Ho usato quello script in modo che stampi l'ora in un div e non una textarea:

[HTML]<html><script language="JavaScript">
function tempo() {
var x=new Date();
h=x.getHours();
m=x.getMinutes();
s=x.getSeconds();
if(s<=9) s="0"+s;
if(m<=9) m="0"+m;
if(h<=9) h="0"+h;
time=h+":"+m+":"+s;
document.getElementById('orologio').innerHTML=time;
setTimeout("tempo()",1000); }
//-->
</script>

<BODY onload="tempo()"><center>
<div id="orologio"></div>
</center>
</body>
</html>[/HTML]
Ciao

vale76

mm.. ho fatto delle prove ma c'è qualcosa che non funziona..
per collocare l'orologino a destra a sinistra al centro, dovrei vedere io in base alla posizione nella pagina in cui deciderò di metterlo.

Perché se tolgo la parte del div id e il center (tag deprecato e non usabile) lo script non funziona più?

Inoltre, io vorrei includere il tutto in un file esterno, e poi linkarlo nella pagina.
Quale è la parte da tagliare?

fusionman

A te serve il codice javascript e il div.
Poi il js puoi richiamarlo o sull'onload della pagina o da un evento come ad esempio un click da un bottone.
Io ti ho incollato il codice grezzo ma puoi benissimo riadattarlo come ti pare, dargli stile etc. etc.

Il center l'ho lasciato perchè ho visto solo il funzionamento

vale76

@FuSioNmAn said:

Poi il js puoi richiamarlo o sull'onload della pagina o da un evento come ad esempio un click da un bottone.

Il center l'ho lasciato perchè ho visto solo il funzionamento

ehm.. purtroppo per me è arabo

e come faccio a lasciare il center? è un tag deprecato e invaliderebbe la pagina...

fusionman

Il center puoi benissimo eliminarlo.
Le cose essenziali sono solo il div ed il javascript.
Per far partire l'orologio devi richiamare la funzione.
Se vuoi che parta appena si apre la pagina devi inserire nel tag body il richiamo così:

[HTML]<body onload="javascript:tempo()">[/HTML]

vale76

ok per il center, grazie. Ma sto div, come fa a funzionare se non l'ho impostato dal mio CSS? Perdona la domanda ma non mi torna..

Devo fare delle prove, poi ti dico se riesco e se funge tutto

E la parte mera e propria del javascript, da mettere in un .js esterno, qual'è ?

claudioweb

Ciao

Se non vuoi sporcare il codice e hai avuto modo di conoscere ed usare JQuery, prova questo:
http://jquery.jclock.js.googlepages.com/jclock.html

vale76

@claudioweb said:

Ciao

Se non vuoi sporcare il codice e hai avuto modo di conoscere ed usare JQuery, prova questo:

ciao, no, non lo consco..
ho provato a incollare nel mio head il codice riportato, ma non si vede niente.. poi ho visto che c'è un plug in da scaricare ma non ho capito cosa devo fare, per me è arabo..