JavaScript倒计时函数返回负数，Web开发新手求助

你的代码返回负数是因为目标日期（2023年4月1日）早于当前时间，导致countDate - now得到负数，再通过Math.floor计算时会生成负数的时间单位值。以下是调整后的代码，同时修复了几个细节问题：

// 可根据需求修改为未来的目标时间
let countDate = new Date('April 1, 2025 00:00:00').getTime();
let countdownInterval; // 保存定时器ID，用于后续清除

function countDown() {
    let now = new Date().getTime();
    let gap = countDate - now; // 声明为局部变量，避免污染全局作用域

    let second = 1000;
    let minute = second * 60;
    let hour = minute * 60;
    let day = hour * 24;

    let d, h, m, s;

    // 判断目标时间是否已过期
    if (gap <= 0) {
        // 过期后所有时间显示为0
        d = h = m = s = 0;
        // 清除定时器，停止无效重复计算
        clearInterval(countdownInterval);
        // 可选：添加倒计时结束提示
        document.getElementById('status')?.innerText = "倒计时已结束";
    } else {
        // 正常计算剩余时间
        d = Math.floor(gap / day);
        h = Math.floor((gap % day) / hour);
        m = Math.floor((gap % hour) / minute);
        s = Math.floor((gap % minute) / second);
    }

    document.getElementById('day').innerText = d;
    document.getElementById('hour').innerText = h;
    document.getElementById('minute').innerText = m;
    document.getElementById('second').innerText = s;
}

// 启动定时器并保存ID
countdownInterval = setInterval(countDown, 1000);
// 页面加载时立即执行一次，避免初始1秒延迟
countDown();

关键调整点说明： #

1. 过期时间处理：添加if (gap <= 0)判断，当目标时间已过，将所有时间单位设为0，并清除定时器，避免不必要的重复计算。
2. 变量作用域修复：将gap声明为函数内的局部变量，防止污染全局作用域。
3. 定时器管理优化：保存定时器ID到变量countdownInterval，方便在倒计时结束时停止定时器。
4. 初始执行优化：页面加载时直接调用countDown()，避免等待1秒才显示初始值。
5. 目标日期更新：将目标日期改为未来时间（示例为2025年4月1日），测试时可直接看到正常倒计时效果。

原代码出现负数的原因： #

当countDate（目标时间戳）小于now（当前时间戳）时，gap = countDate - now的结果为负数。Math.floor对负数会向下取整，例如：

• 假设gap为-5000毫秒（已过去5秒），Math.floor(-5000 / 86400000)会得到-1而非0，因此天数显示为负数。
  通过过期判断可以避免这种情况，确保所有时间值为非负数。

内容的提问来源于stack exchange，提问作者Sheetal Prajapati