
Afficher simplement l'heure sur son site web avec JavaScript
Publié le .Je vous propose un script en javascript très simple pour afficher l'heure simplement sur votre site web. Il vous faudra simplement créer un élément avec un id="heure_exacte". Par exemple : div id="heure_exacte". Les commentaires sont dans le code.
<p>Il est exactement : <div id="heure_exacte"></div><br>
L'heure s'actualise à chaque seconde.
</p><script>
function affichZero(nombre) {
// cette fonction prend en paramètre un nombre
// si ce nombre est inférieur à 10, on affiche 0 + ce nombre
// Ex: il est 07h00
return nombre < 10 ? '0' + nombre : nombre;
}
function dateEtHeure() {
// Cette fonction fait deux choses :
// 1 - Elle construit une constante avec l'objet Date()
// qui renvoie (année, mois, jour, heure, minutes, seconde, millisecondes)
// tout ça est dans l'objet infos
const infos = new Date();
// 2 - La fonction attribue du texte au div id="heure_exacte"
// ce texte n'est autre que l'heure contenue dans l'objet infos
// on ne souhaite afficher que l'heure et les minutes avec infos.getHours()
// et infos.getMinutes(), On Sépare par ":" Ex: il est 07:00.
document.getElementById('heure_exacte').innerHTML = ' ' + affichZero(infos.getHours()) + ':' + affichZero(infos.getMinutes());
}// Fin fonction dateEtHeure
// Pour actualiser l'heure chaque minutes, on rappelle la fonction dateEtHeure()
// toutes les 100 millisecondes, donc toutes les secondes
window.onload = function() {
setInterval("dateEtHeure()", 100);
};
</script>
L'heure s'actualise à chaque seconde.
</p><script>
function affichZero(nombre) {
// cette fonction prend en paramètre un nombre
// si ce nombre est inférieur à 10, on affiche 0 + ce nombre
// Ex: il est 07h00
return nombre < 10 ? '0' + nombre : nombre;
}
function dateEtHeure() {
// Cette fonction fait deux choses :
// 1 - Elle construit une constante avec l'objet Date()
// qui renvoie (année, mois, jour, heure, minutes, seconde, millisecondes)
// tout ça est dans l'objet infos
const infos = new Date();
// 2 - La fonction attribue du texte au div id="heure_exacte"
// ce texte n'est autre que l'heure contenue dans l'objet infos
// on ne souhaite afficher que l'heure et les minutes avec infos.getHours()
// et infos.getMinutes(), On Sépare par ":" Ex: il est 07:00.
document.getElementById('heure_exacte').innerHTML = ' ' + affichZero(infos.getHours()) + ':' + affichZero(infos.getMinutes());
}// Fin fonction dateEtHeure
// Pour actualiser l'heure chaque minutes, on rappelle la fonction dateEtHeure()
// toutes les 100 millisecondes, donc toutes les secondes
window.onload = function() {
setInterval("dateEtHeure()", 100);
};
</script>