Sering kita lihat di internet halaman web berisi countdown, menghitung hari, jam, menit dan detik suatu event akan dimulai. Nah saya pernah membuat countdown seperti itu, berikut ini scriptnya:
<div style="background-color: black; padding: 1em; color: red;">
<div style="display: table; width: 100%;">
<div style="display: table-cell; vertical-align: middle;">
<img src="https://ciihuy.com/wp-content/uploads/2025/03/countdown13.jpg" style="width: 128px;">
</div>
<div style="display: table-cell; vertical-align: middle; text-align: right;">
<div id="countdown" style="font-size: 1.5em;"></div>
</div>
</div>
</div>
<script>
function updateCountdown() {
const targetDate = new Date("May 13, 2025 13:25:00").getTime();
const now = new Date().getTime();
const timeLeft = targetDate - now;
if (timeLeft <= 0) {
document.getElementById("countdown").innerHTML = "Ciiiiiiiiiiiiiiiiiiiiiihuy!";
return;
}
const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
const hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((timeLeft % (1000 * 60)) / 1000);
document.getElementById("countdown").innerHTML =
`${days} hari ${hours} jam ${minutes} menit ${seconds} detik`;
}
updateCountdown();
setInterval(updateCountdown, 1000);
</script>
Kamu tinggal mengubah tanggalan yang kamu inginkan, edit bagian ini: May 13, 2025 13:25:00