cara membuat countdown simple di javascript

 

Countdown Timer Menggunakan JavaScript

 JavaScript merupakan bahasa pemrograman yang populer digunakan oleh pengembang website. Salah satu kegunaannya adalah membuat website yang interaktif

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

<p id="demo"></p>
<script>
// Mengatur akhir waktu kamu m:d:y hh:mm:ss 
var countDownDate = new Date("Dec 5, 2019 15:37:25").getTime();

// hitungan mundur setiap 1 detik
var x = setInterval(function() {

  // Untuk mendapatkan tanggal dan waktu hari ini
  var now = new Date().getTime();
    
  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);
    
  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
  + minutes + "m " + seconds + "s ";
    
  // tambahkan variable atau code mu didalam if (distance < 0) { CODE YOUR HERE }
  if (distance < 0) {
    clearInterval(x); document.getElementById("demo").innerHTML = 'Waktu telah habis'
  }
}, 1000);
</script>

 ubah bagian  new Date("Dec 5, 2019 15:37:25").getTime(); untuk menyetel hitung mundur