Une horloge en HTML5 ?

[roussinix]

Bonjour,

N'étant pas un fan de "Flash", je souhaiterais intégrer une horloge en HTML5 dans un Widgets du portail. Les exemples que j'ai trouvé sur le Forum FA sont tous des exemples en "Flash".

Existe-t-il des exemples en HTML5 ?

Merci d'avance (sinon, je me passerais d'horloge)

[tupac]

Bonjour,

Voici une petite horloge ,à placer dans votre Widget.

Code:

<form name="form">
                     <input value="heure" name="button" style="font-weight: bold ; -moz-box-shadow: 0px 0px 10px #fff; -webkit-box-shadow: 0px 0px 10px #fff;box-shadow: 0px 0px 10px #fff; background-color:#000;" type="button" /> 
</form><script language="JavaScript">
init=new Date();
hri=init.getHours();
mni=init.getMinutes();
sci=init.getSeconds();
mii=init.getTime();
function clock() {
hre=new Date();
hr=hre.getHours();
if (hr<10) hr="0"+hr
mn=hre.getMinutes();
if (mn<10) mn="0"+mn
sc=hre.getSeconds();
if (sc<10) sc="0"+sc
time=hr+" h "+mn+" mn "+sc;
document.form.button.value=time;
setTimeout('clock()', 1000);}
onError = null;
clock();
</script>

Vous pouvez la personnaliser en modifiant cette partie.

Code:

style="font-weight: bold ; -moz-box-shadow: 0px 0px 10px #fff; -webkit-box-shadow: 0px 0px 10px #fff;box-shadow: 0px 0px 10px #fff; background-color:#000;"

[roussinix]

Merci, c'est parfait. J'ai juste ajouté :

Code:

font-size: 20px; color: #ffc;

car sur mon site, ça affichait noir/noir

[tupac]

Elle est plutôt sympa cette petite horloge et simple à customiser.
Bonne continuation.