js 时间效果

function updateTime() {
    const now = new Date();
    const formattedTime = now.toLocaleTimeString();
    document.getElementById('time').textContent = formattedTime;
}

setInterval(updateTime, 1000);
updateTime(); // 初始化显示

function startCountdown(targetDate) {
    const intervalId = setInterval(() => {
        const now = new Date().getTime();
        const distance = targetDate - now;

        if (distance < 0) {
            clearInterval(intervalId);
            document.getElementById('countdown').textContent = "EXPIRED";
            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);

        document.getElementById('countdown').textContent = `${days}d ${hours}h ${minutes}m ${seconds}s`;
    }, 1000);
}

const targetDate = new Date("2023-12-31T23:59:59").getTime();
startCountdown(targetDate);