Afficher l'heure sur un blog

obtenir ces boutons

Afficher l'heure sur un blog


Pour ajouter l'heure sur un blog comme ci-dessus, il suffit d'ajouter le code qui suit dans un gadget HTML/JavaScript ou un message :
<div id="aff_heure1" style="color:red;text-align:left;"><script type='text/javascript'>function test_heure1(){var mydate = new Date();var heures = mydate.getHours();var minutes = mydate.getMinutes();if (heures <= 9) heures = "0" + heures;if (minutes <= 9) minutes = "0" + minutes;document.getElementById("aff_heure1").innerHTML = heures+":"+minutes;}function aff_heure1(){intervalId = setInterval(test_heure1, 1000);}aff_heure1()</script></div>

Comment ajouter un gadget HTML/JavaScript sur un blog.

On peut changer la présentation de l'heure (autre couleur, ...) en modifiant : style="color:red;text-align:left;"

* * * * *
On peut aussi afficher la date et l'heure comme ci-dessus : il suffit d'ajouter le code qui suit dans un gadget HTML/JavaScript ou un message : <div id="aff_heure" style="color:red;text-align:left;"><script type='text/javascript'>function test_heure(){var mydate = new Date();var year = mydate.getFullYear();var day = mydate.getDay(); var daym = mydate.getDate();var mois = mydate.getMonth(); mois=mois+1;var heures = mydate.getHours();var minutes = mydate.getMinutes();if (heures <= 9) heures = "0" + heures;if (minutes <= 9) minutes = "0" + minutes;document.getElementById("aff_heure").innerHTML =" "+daym+"."+mois+"."+year+" - "+heures+":"+minutes;}function aff_heure(){intervalId = setInterval(test_heure, 1000);}aff_heure()</script></div> Comment ajouter un gadget HTML/JavaScript sur un blog. On peut changer la présentation de l'heure (autre couleur, ...) en modifiant : style="color:red;text-align:left;"
* * * * *
On peut aussi afficher la date et l'heure comme ci-dessus : il suffit d'ajouter le code qui suit dans un gadget HTML/JavaScript ou un message : <script type="text/javascript">function Jour(){this[0] = "Dimanche";this[1] = "Lundi";this[2] = "Mardi";this[3] = "Mercredi";this[4] = "Jeudi";this[5] = "Vendredi";this[6] = "Samedi";}function Mois(){this[0] = "janvier";this[1] = "février";this[2] = "mars";this[3] = "avril";this[4] = "mai";this[5] = "juin";this[6] = "juillet"; this[7] = "août";this[8] = "septembre"; this[9] = "octobre";this[10] = "novembre"; this[11] = "décembre";}function date(){var jour=new Jour();var mois=new Mois();var myDate=new Date();annee = myDate.getFullYear();var result=jour[myDate.getDay()]+" "+myDate.getDate()+" "+mois[myDate.getMonth()]+" "+annee+" -&nbsp;";document.writeln(result);}</script><div style="float:left;text-align:left; color:red;"><script language="JavaScript" type="text/JavaScript">date();</script></div><div id="aff_heure2" style="color:red;text-align:left;"><script type="text/javascript">function test_heure2(){var mydate = new Date();var heures = mydate.getHours();var minutes = mydate.getMinutes();if (heures <= 9) heures = "0" + heures;if (minutes <= 9) minutes = "0" + minutes;document.getElementById("aff_heure2").innerHTML = heures+":"+minutes;}function aff_heure2(){intervalId = setInterval(test_heure2, 1000);}aff_heure2()</script></div> Comment ajouter un gadget HTML/JavaScript sur un blog. On peut changer la présentation de l'heure (autre couleur, ...) en modifiant 2X (pour les deux parties du code) : style="color:red;text-align:left;"
* * * * *
On peut aussi afficher l'heure avec les minutes et les SECONDES comme ci-dessus : il suffit d'ajouter le code qui suit dans un gadget HTML/JavaScript ou un message : <div id="aff_heure4" style="color:red;text-align:left;"><script type='text/javascript'>function test_heure4(){var mydate = new Date();var heures = mydate.getHours();var minutes = mydate.getMinutes();var secondes = mydate.getSeconds();if (heures <= 9) heures = "0" + heures;if (minutes <= 9) minutes = "0" + minutes;if (secondes <= 9) secondes = "0" + secondes;document.getElementById("aff_heure4").innerHTML = heures+":"+minutes+":"+secondes}function aff_heure4(){intervalId = setInterval(test_heure4, 1000);}aff_heure4()</script></div> Comment ajouter un gadget HTML/JavaScript sur un blog. On peut changer la présentation de l'heure (autre couleur, ...) en modifiant : style="color:red;text-align:left;" :
* * * * *
On peut aussi afficher la date et l'heure comme ci-dessus (avec les minutes et les SECONDES) : il suffit d'ajouter le code qui suit dans un gadget HTML/JavaScript ou un message : <div id="aff_heure5" style="color:red;text-align:left;"><script type='text/javascript'>function test_heure(){var mydate = new Date();var year = mydate.getFullYear();var day = mydate.getDay(); var daym = mydate.getDate();var mois = mydate.getMonth(); mois=mois+1;var heures = mydate.getHours();var minutes = mydate.getMinutes();if (heures <= 9) heures = "0" + heures;if (minutes <= 9) minutes = "0" + minutes;var secondes = mydate.getSeconds();if (secondes <= 9) secondes = "0" + secondes;document.getElementById("aff_heure5").innerHTML =" "+daym+"."+mois+"."+year+" - "+heures+":"+minutes+":"+secondes;}function aff_heure5(){intervalId = setInterval(test_heure, 1000);}aff_heure5()</script></div> Comment ajouter un gadget HTML/JavaScript sur un blog. On peut changer la présentation de l'heure (autre couleur, ...) en modifiant : style="color:red;text-align:left;"
* * * * *
On peut aussi afficher la date et l'heure comme ci-dessus (avec les minutes et les SECONDES) : il suffit d'ajouter le code qui suit dans un gadget HTML/JavaScript ou un message : <script type="text/javascript">function Jour(){this[0] = "Dimanche";this[1] = "Lundi";this[2] = "Mardi";this[3] = "Mercredi";this[4] = "Jeudi";this[5] = "Vendredi";this[6] = "Samedi";}function Mois(){this[0] = "janvier";this[1] = "février";this[2] = "mars";this[3] = "avril";this[4] = "mai";this[5] = "juin";this[6] = "juillet"; this[7] = "août";this[8] = "septembre"; this[9] = "octobre";this[10] = "novembre"; this[11] = "décembre";}function date(){var jour=new Jour();var mois=new Mois();var myDate=new Date();annee = myDate.getFullYear();var result=jour[myDate.getDay()]+" "+myDate.getDate()+" "+mois[myDate.getMonth()]+" "+annee+" -&nbsp;";document.writeln(result);}</script><div style="float:left;text-align:left; color:red;"><script language="JavaScript" type="text/JavaScript">date();</script></div><div id="aff_heure6" style="color:red;text-align:left;"><script type="text/javascript">function test_heure2(){var mydate = new Date();var heures = mydate.getHours();var minutes = mydate.getMinutes();if (heures <= 9) heures = "0" + heures;if (minutes <= 9) minutes = "0" + minutes;var secondes = mydate.getSeconds();if (secondes <= 9) secondes = "0" + secondes;document.getElementById("aff_heure6").innerHTML = heures+":"+minutes+":"+secondes;}function aff_heure6(){intervalId = setInterval(test_heure2, 1000);}aff_heure6()</script></div> Comment ajouter un gadget HTML/JavaScript sur un blog. On peut changer la présentation de l'heure (autre couleur, ...) en modifiant 2X (pour les deux parties du code) : style="color:red;text-align:left;"
* * * * *
Consulter aussi : Ajouter une horloge sur un blog Ajouter la date du jour sur un blog
Template images by lisegagne. Powered by Blogger.

3 commentaires:

@_sirius42 a dit…

l'heure s'affiche en tant que message , je n'arrive pas à le mettre sur le coté droit.

Jean-François a dit…

Bonjour,

Je n'arrive pas à centrer la date et l'heure ni à mettre en caractère gras et les lettres plus grandes. Merci pour votre aide.

Le Normand Itinérant a dit…

Bonjour,

Deux en un :
c'était pour vous remercier du site, il est vraiment très complet ! (même si je m'étonne toujours de ne pas voir un super design tellement vous maitrisez le truc haha)

Par contre, sur mon blog (blogger), je n'arrive pas à mettre plusieurs horloges en même temps, si j'en met une ça fonctionne, deux, une ne fonctionne pas sur les deux.

Bizarre...