Horloge digital en Javascript

Nous pouvons afficher une horloge qui indiquera l’heure locale de l’ordinateur client en utilisant JavaScript. Notez que cette heure affichée provient de l’ordinateur de l’utilisateur et non du serveur.
 
 
Nous avons vu dans ce tutoriel l’objet Date et comment afficher la date et l’heure actuelles. Ici, nous allons essayer d’afficher la date et l’heure en temps réel ou en utilisant la fonction setTimeout. Cette fonction setTimeout que nous avons utilisée pour déclencher la fonction d’affichage avec une fréquence d’actualisation d’une secondes (1s).
 

Horloge digital en Javascript
<html>
   <head>
      <script type="text/javascript"> 
         function refresh(){
             var t = 1000; // rafraîchissement en millisecondes
             setTimeout('showDate()',t)
         }
         
         function showDate() {
             var date = new Date()
             var h = date.getHours();
             var m = date.getMinutes();
             var s = date.getSeconds();
             if( h < 10 ){ h = '0' + h; }
             if( m < 10 ){ m = '0' + m; }
             if( s < 10 ){ s = '0' + s; }
             var time = h + ':' + m + ':' + s
             document.getElementById('horloge').innerHTML = time;
             refresh();
          }
      </script>
   </head>
   <body onload=showDate();>
      <span id='horloge' style="background-color:#1C1C1C;color:silver;font-size:40px;"></span>
   </body>
</html>
Résultat
QCM JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *