cari

Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mencipta Pemasa Undur Sederhana Hanya Menggunakan JavaScript?

Bagaimana untuk Mencipta Pemasa Undur Sederhana Hanya Menggunakan JavaScript?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-03 22:31:16522semak imbas

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

Struktur HTML:

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

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!

JavaScript for date using this
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Mengapakah `message.content` kosong dalam bot Discord.js saya, dan bagaimana saya membetulkannya?Artikel seterusnya：Mengapakah `message.content` kosong dalam bot Discord.js saya, dan bagaimana saya membetulkannya?

Artikel berkaitan

Lihat lagi