Program JavaScript untuk Membuat Timer Hitung Mundur

Dalam contoh ini, Anda akan belajar menulis program JavScript yang akan membuat penghitung waktu mundur.

Untuk memahami contoh ini, Anda harus memiliki pengetahuan tentang topik pemrograman JavaScript berikut:

  • Lantai Matematika JavaScript ()
  • Tanggal dan Waktu JavaScript
  • Javascript setInterval ()

Contoh: Buat Timer Hitung Mundur

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

Keluaran

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

Dalam program di atas, setInterval()metode ini digunakan untuk membuat pengatur waktu.

The setInterval()Metode dijalankan pada diberikan interval waktu (di sini, 2000 milidetik).

The new Date()memberi tanggal dan waktu. Sebagai contoh,

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

The getTime()Metode mengembalikan jumlah milidetik dari tengah malam dari 1 Januari 1970 (EcmaScript zaman) untuk tanggal yang ditentukan (di sini, tanggal saat ini).

Kode berikut memberikan waktu hari berikutnya dalam milidetik.

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

Sekarang, kita dapat menghitung waktu yang tersisa menggunakan rumus berikut:

 let timeLeft = countDownDate - now;

Jumlah hari yang tersisa dihitung dengan menggunakan:

  • Interval waktu dibagi 1000 untuk menentukan jumlah detik, yaitutimeLeft / 1000
  • Interval waktu kemudian dibagi 60 * 60 * 24 untuk menentukan jumlah hari yang tersisa.
  • The Math.floor()Fungsi ini digunakan untuk melengkapi nomor tersebut ke seluruh nomor.

Metode serupa digunakan untuk jam, menit, dan detik.

Catatan : Anda juga dapat menggunakan waktu hitung mundur mulai kustom dengan melewati tanggal tertentu.

Sebagai contoh,

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

Artikel yang menarik...