Membuat Countdown Timer dengan JavaScript

Di bawah ini adalah contoh kode JavaScript yang digunakan untuk membuat countdown timer menggunakan JavaScript dengan sederhana. 

Variabel countDownDate adalah waktu berakhirnya waktu countdown.

berikut coding :

 <p id="waktu"></p>

<script>

// Mengatur waktu akhir perhitungan mundur

var countDownDate = new Date("may 1, 2021 15:37:25").getTime();

// Memperbarui hitungan mundur setiap 1 detik

var x = setInterval(function() {

  // Untuk mendapatkan tanggal dan waktu hari ini

  var now = new Date().getTime();

  // Temukan jarak antara sekarang dan tanggal hitung mundur

  var distance = countDownDate - now;

   // Perhitungan waktu untuk hari, jam, menit dan detik

  var days = Math.floor(distance / (1000 * 60 * 60 * 24));

  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));

  var seconds = Math.floor((distance % (1000 * 60)) / 1000);

  // Keluarkan hasil dalam elemen dengan id = "waktu"

  document.getElementById("waktu").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";

    // Jika hitungan mundur selesai, tulis beberapa teks 

  if (distance < 0) {

    clearInterval(x);

    document.getElementById("waktu").innerHTML = "EXPIRED";

  }

}, 1000);

</script>