企业社区双十二促销活动

// HTML部分
<div id="countdown">距离双十二还有: <span id="days">00</span>天 <span id="hours">00</span>小时 <span id="minutes">00</span>分 <span id="seconds">00</span>秒</div>

// JavaScript部分
function countdown(endTime) {
    const daysElement = document.getElementById('days');
    const hoursElement = document.getElementById('hours');
    const minutesElement = document.getElementById('minutes');
    const secondsElement = document.getElementById('seconds');

    function updateTimer() {
        const now = new Date().getTime();
        const distance = endTime - now;

        if (distance < 0) {
            clearInterval(interval);
            daysElement.innerHTML = "00";
            hoursElement.innerHTML = "00";
            minutesElement.innerHTML = "00";
            secondsElement.innerHTML = "00";
            return;
        }

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

        daysElement.innerHTML = days.toString().padStart(2, '0');
        hoursElement.innerHTML = hours.toString().padStart(2, '0');
        minutesElement.innerHTML = minutes.toString().padStart(2, '0');
        secondsElement.innerHTML = seconds.toString().padStart(2, '0');
    }

    updateTimer();
    const interval = setInterval(updateTimer, 1000);
}

// 设置双十二结束时间为2023年12月12日23:59:59
const endTime = new Date('2023-12-12T23:59:59').getTime();
countdown(endTime);