Bagaimana untuk Mencipta Pemasa Undur Sederhana Hanya Menggunakan JavaScript?-tutorial js-php.cn

Bagaimana untuk Mencipta Pemasa Undur Sederhana Hanya Menggunakan JavaScript?

Mary-Kate Olsen

Lepaskan： 2024-12-03 22:31:16

asal

522 orang telah melayarinya

How to Create a Simple Countdown Timer Using Only JavaScript?

Mencipta Pemasa Kira Detik Ringkas dalam JavaScript

Jika anda ingin mewujudkan pemasa kira detik yang mudah untuk tapak web anda, pemasa kira detik yang mudah berubah dari "05:00" kepada " 00:00," jangan lihat lagi. Artikel ini menawarkan penyelesaian diperkemas yang melupakan objek Tarikh yang kompleks, memastikan kesederhanaan sepenuhnya.

JavaScript-Sahaja Pemasa

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

Salin selepas log masuk

Struktur HTML:

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

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Pemasa Undur Sederhana Hanya Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!