DATES, JOURS, HEURES EN JAVASCRIPT

Outils pour webmaster. Trucs et astuces en code HTML, JavaScript, PHP : améliorer son site internet

Descriptif : dans votre page html, introduisez la date du jour et les heures sous plusieurs formes. Pour ne rien rater de votre temps voici plusieurs types d'horloges JAVA, Flash, JavaScript. La configuration des scripts se trouve dans les lignes de codes.

Remarque : certains scripts JavaScript peuvent ne pas fonctionner avec la publicité forcée de mon fournisseur de statistiques. Si vous ne voyez rien apparaître, rafraîchissez la page.

Exemple 1 : aujourd'hui nous sommes le

Mise en oeuvre : Sélectionnez le code ci-dessous (copie automatique dans le presse-papiers) et collez-le dans votre page, code HTML visible.

Entre les deux balises <head> et </head>


 

Entre les deux balises <body> et </body>



Exemple 2 : dans cette horloge dynamique, on utilise une feuille de style pour ne pas voir apparaître ce genre de boîte

Heure dynamique :

Entre les deux balises <head> et </head>


 

Entre les deux balises <body> et </body>



Exemple 3 en Flash :  
Téléchargez le fichier Flash

Entre les deux balises <body> et </body>



Exemple 4 en JAVA : téléchargez le fichier JAVA

 

Entre les deux balises <body> et </body>



Exemple 5 : autre forme d'écriture de la date en JavaScript -

Entre les deux balises <body> et </body>



Exemple 6 : l'heure reste fixe et n'est rajustée qu'au rafraîchissement de la page.

Entre les deux balises <body> et </body>



Exemple 7 : il reste
Le message change le jour de l'évènement.

Entre les deux balises <body> et </body>



Exemple 8 : vous avez peut-être besoin de rafraîchir votre page toutes les X secondes, comme pour une page affichant l'image d'une webcam. Une possibilité existe, c'est d'employer la balise :
<meta http-equiv="refresh" content="6">
Malheureusement, les spiders des moteurs de recherches qui savent lire les balises meta, n'apprécient pas celle-ci et votre page risque d'obtenir une note moindre que ce qu'elle mériterait. Une façon de contourner le problème est d'employer JavaScript que les spiders ne lisent pas ou mal.


(Fonction automatique non implémentée dans cet exemple)

Mettez le script suivant à un endroit quelconque de votre page.

Entre les deux balises <body> et </body>



Exemple 9 : insérez la date de la dernière modification de votre page.

Entre les deux balises <body> et </body>



Autres pages sur le temps :  Une horloge sur le curseur - Un compte à rebours - Temps écoulé depuis...Mettre à jour sa date de copyright -

Nota : suivant la configuration plus ou moins restrictive de votre navigateur, de votre firewall ou des outils anti-popup, les scripts JavaScript peuvent ne pas fonctionner correctement.

Retour

Copyright www.toulouse-renaissance.net ©