Logo SNS - Web et Informatique

SNS - Web et Informatique

Dimanche 22 Octobre 2017
06 25 23 34 56
12150, Sévérac d'Aveyron
 08h00/23h00 - 7j/7
Être rappelé
Afficher simplement l'heure sur son site web avec JavaScript

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>
SNS - Web & Informatique | www.sns.pm | 2013 - 2017