Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 : 70
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;"
avatar

tupac
Membre actif

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

http://codactif.monalliance.com/
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 : 70
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.
avatar

tupac
Membre actif

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

http://codactif.monalliance.com/
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