Une horloge en HTML5 ?

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Une horloge en HTML5 ?

Message par roussinix le Mar 8 Déc 2015 - 13:30

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) Wink


Dernière édition par roussinix le Jeu 10 Déc 2015 - 7:34, édité 1 fois

roussinix
**

Masculin
Messages : 64
Inscrit(e) le : 21/08/2015

http://testkpark.forumactif.org/
roussinix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une horloge en HTML5 ?

Message par tupac le Jeu 10 Déc 2015 - 6:22

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;"

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une horloge en HTML5 ?

Message par roussinix le Jeu 10 Déc 2015 - 7:33

Merci, c'est parfait. J'ai juste ajouté :
Code:
font-size: 20px; color: #ffc;
car sur mon site, ça affichait noir/noir Wink

roussinix
**

Masculin
Messages : 64
Inscrit(e) le : 21/08/2015

http://testkpark.forumactif.org/
roussinix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une horloge en HTML5 ?

Message par tupac le Jeu 10 Déc 2015 - 7:56

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum