recherche

Maison >interface Web >js tutoriel >Comment créer un compte à rebours simple en utilisant uniquement JavaScript ?

Comment créer un compte à rebours simple en utilisant uniquement JavaScript ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-03 22:31:16522parcourir

How to Create a Simple Countdown Timer Using Only JavaScript?

Création d'un compte à rebours simpliste en JavaScript

Si vous cherchez à établir un compte à rebours simple pour votre site Web, un compte à rebours qui passe gracieusement de "05h00" à " 00h00", ne cherchez pas plus loin. Cet article propose une solution simplifiée qui renonce aux objets Date complexes, garantissant la plus grande simplicité.

Minuterie JavaScript uniquement

function startTimer(duration, display) {
  var timer = duration, minutes, seconds;
  setInterval(function () {
    minutes = parseInt(timer / 60, 10);
    seconds = parseInt(timer % 60, 10);

    minutes = minutes < 10 ? "0" + minutes : minutes;
    seconds = seconds < 10 ? "0" + seconds : seconds;

    display.textContent = minutes + ":" + seconds;

    if (--timer < 0) {
      timer = duration;
    }
  }, 1000);
}

window.onload = function () {
  var fiveMinutes = 60 * 5,
    display = document.querySelector('#time');
  startTimer(fiveMinutes, display);
};

Structure HTML :

<body>
  <div>Registration closes in <span>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

JavaScript for date using this
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Pourquoi « message.content » est-il vide dans mon bot Discord.js et comment puis-je y remédier ?Article suivant：Pourquoi « message.content » est-il vide dans mon bot Discord.js et comment puis-je y remédier ?

Articles Liés

Voir plus