Exercice : Modifier l’heure en JavaScript

Cet exercice se trouve dans le chapitre JavaScript - section Gestion des timers (setTimeout(), setInterval(), Date)).

function clock() { 
   let now = new Date(); 
   let s = now.getSeconds(); 
   s = s < 10 ? s = "0" + s : s; 
 
   let m = now.getMinutes(); 
   m = m < 10 ? m = "0" + m : m; 
 
   let h = now.getHours(); 
   h = h < 10 ? h = "0" + h : h; 
   document.querySelector("#horloge").innerHTML = h + ":" + m + ":"+s; 
} 
 
setInterval(clock, 1000); 

Une fonction clock() est créée. Elle permet de récupérer les heures, minutes et secondes correspondant à l’heure indiquée par l’ordinateur qui exécute le code. Grâce à elle, si le nombre est inférieur à 10, un zéro est ajouté devant (par esthétisme) et une fois les informations récupérées, elles sont envoyées dans l’élément ayant pour ID horloge, pour l’affichage.

Une autre portion de code va s’occuper, via un setInterval(), de rappeler la fonction qui affiche l’heure toutes les 1000 ms (1 seconde).

couv_RI3HTCSJA.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Exercice : Une horloge qui se balance
Suivant
Exercice : Position personnage