Programme JavaScript pour créer un compte à rebours

Dans cet exemple, vous apprendrez à écrire un programme JavScript qui créera un compte à rebours.

Pour comprendre cet exemple, vous devez avoir la connaissance des sujets de programmation JavaScript suivants:

  • Sol JavaScript Math ()
  • Date et heure JavaScript
  • Javascript setInterval ()

Exemple: créer un compte à rebours

 // program to create a countdown timer // time to countdown from (in milliseconds) let countDownDate = new Date().getTime() + 24 * 60 * 60 * 1000; // countdown timer let x = setInterval(function() ( // get today's date and time in milliseconds let now = new Date().getTime(); // find the interval between now and the countdown time let timeLeft = countDownDate - now; // time calculations for days, hours, minutes and seconds const days = Math.floor( timeLeft/(1000*60*60*24) ); const hours = Math.floor( (timeLeft/(1000*60*60)) % 24 ); const minutes = Math.floor( (timeLeft/1000/60) % 60 ); const seconds = Math.floor( (timeLeft/1000) % 60 ); // display the result in the element with console.log(days + "d " + hours + "h " + minutes + "m " + seconds + "s "); // clearing countdown when complete if (timeLeft < 0) ( clearInterval(x); console.log('CountDown Finished'); ) ), 2000);

Production

 0d 23h 59m 57s 0d 23h 59m 55s 0d 23h 59m 53s 0d 23h 59m 51s…

Dans le programme ci-dessus, la setInterval()méthode est utilisée pour créer une minuterie.

La setInterval()méthode est exécutée à un intervalle de temps donné (ici, 2000 millisecondes).

Le new Date()donne la date et l'heure actuelles. Par exemple,

 let d1 = new Date(); console.log(time); // Fri Aug 28 2020 09:19:40 GMT+0545 (+0545)

La getTime()méthode renvoie le nombre de millisecondes entre minuit du 1er janvier 1970 (époque EcmaScript) et la date spécifiée (ici, date actuelle).

Le code suivant donne l'heure du lendemain en millisecondes.

 new Date().getTime() + 24 * 60 * 60 * 1000;

Maintenant, nous pouvons calculer le temps restant en utilisant la formule suivante:

 let timeLeft = countDownDate - now;

Le nombre de jours restant est calculé en utilisant:

  • L'intervalle de temps est divisé par 1000 pour déterminer le nombre de secondes, c'est-à-diretimeLeft / 1000
  • L'intervalle de temps est ensuite divisé par 60 * 60 * 24 pour déterminer le nombre de jours restants.
  • La Math.floor()fonction est utilisée pour arrondir le nombre à un nombre entier.

Des méthodes similaires sont utilisées pendant des heures, des minutes et des secondes.

Remarque : vous pouvez également utiliser un compte à rebours de démarrage personnalisé en passant une date spécifique.

Par exemple,

 let countDownDate = new Date("Aug 5, 2025 14:22:36").getTime();

Articles intéressants...