โค้ด นับวัน เวลาถอยหลัง เคาท์ดาวน์ Countdown code HTML

Code HTML Countdown โค้ด เคาท์ดาวน์ หรือ  นับ วัน เวลา นับถอยหลัง
สำหรับ เว็บไซต์ หรือ เว็บบล็อก

Countdown Jan 01 2025

คัดลอกโค้ด ไปใช้ได้เลยครับ

** เปลี่ยน "Jan 01, 2025 00:00:00" เป็น เดือน วันที่ เวลา ที่ต้องการเคาท์ดาวน์ ครับ
<!--Code Count down-->

<style>

p {

  text-align: center;

  font-size: 30px;

  margin-top: 10px;

}

</style>

<p id="demo"></p>

<script>

// Set the date we're counting down to

var countDownDate = new Date("Jan 1, 2025 00:00:00").getTime();

// Update the count down every 1 second

var x = setInterval(function() {

  // Get today's date and time

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

  // Find the distance between now and the count down date

  var distance = countDownDate - now;

  // Time calculations for days, hours, minutes and seconds

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

  // Output the result in an element with id="demo"

  document.getElementById("demo").innerHTML = days + "d " + hours + "h "

  + minutes + "m " + seconds + "s ";

  // If the count down is over, write some text 

  if (distance < 0) {

    clearInterval(x);

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

  }

}, 1000);

</script>

 <!--Code Count down-->