body { font-family: 'Arial', sans-serif; background: #f0f8ff; text-align: center; margin: 0; padding: 0; } .countdown-container { margin: 50px auto; padding: 20px; max-width: 500px; background: #ffffff; border-radius: 15px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } #countdown { display: flex; justify-content: space-between; } .time-box { flex: 1; margin: 0 10px; } .time-box span { font-size: 2.5rem; color: #ff6f61; } .time-box p { font-size: 1rem; color: #333333; } // Set the date for Christmas Giveaway const countdownDate = new Date("December 25, 2024 00:00:00").getTime(); function updateCountdown() { const now = new Date().getTime(); const distance = countdownDate - now; // Calculate days, hours, minutes, and seconds const days = Math.floor(distance / (1000 * 60 * 60 * 24)); const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); const seconds = Math.floor((distance % (1000 * 60)) / 1000); // Update the HTML document.getElementById("days").innerText = days; document.getElementById("hours").innerText = hours; document.getElementById("minutes").innerText = minutes; document.getElementById("seconds").innerText = seconds; // If the countdown is finished if (distance < 0) { clearInterval(countdownTimer); document.getElementById("countdown").innerHTML = "

Giveaway has begun!

"; } } // Update every second const countdownTimer = setInterval(updateCountdown, 1000);