Comment insérer la date et l'heure dans un site Web

L'ajout de la date et de l'heure actuelles à un site Web garantit qu'au moins une chose sur le site change lorsqu'un visiteur du site actualise une page. Vous n'avez pas besoin d'apprendre des langages de programmation avancés tels que PHP, JAVA ou ASP.NET pour travailler avec les formats de date et d'heure. En utilisant JavaScript et HTML de base, vous pouvez insérer la date et l'heure dans votre site Web avec quelques lignes de code.

Étape 1

Ouvrez l'une de vos pages Web à l'aide du Bloc-notes, d'un éditeur HTML ou de toute application produisant du texte brut. Pour vous assurer de conserver une copie du code de votre site non modifié, dupliquez le fichier avant de le modifier.

Étape 2

Ajoutez le code suivant après la première balise "" dans votre HTML :

Cela crée un bloc "div" vide.

Étape 3

Ajoutez le code suivant avant la fermeture " " dans votre code HTML :

Cette fonction JavaScript s'exécute après le chargement de la page. La variable "dateTime" contient la date et l'heure du système. La variable "formattedDateTime" divise dateTime en deux valeurs formatées, une pour la date et une pour l'heure, séparées par le caractère défini dans "separator". Les deux dernières instructions ajoutent la chaîne de date et d'heure formatée à la balise "div" définie dans la section body du HTML.

Étape 4

Enregistrez le document et ouvrez-le dans votre navigateur. La date et l'heure apparaissent à l'endroit où vous avez placé la balise "div". Actualisez la page pour voir les valeurs changer.

Astuce

La variable de séparation peut contenir n'importe quel caractère que vous sélectionnez. Cet exemple utilise un tiret.