Comment créer un compte à rebours simple en utilisant uniquement JavaScript ?-js tutoriel-php.cn

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

Mary-Kate Olsen

Libérer： 2024-12-03 22:31:16

original

652 Les gens l'ont consulté

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);
};

Copier après la connexion

Structure HTML :

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

Copier après la connexion

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!