如何实现JavaScript时间差的自动进位拆分与实时更新？

你当前的代码直接计算了从目标日期到现在的总分钟数、总小时数、总天数，但没有实现进位拆分逻辑。要完成「60分钟转1小时、24小时转1天」的拆分，同时让数据实时更新，可以按以下方式修改：

完整修改代码 #

// 目标过去日期（可按需调整）
const targetDate = new Date('Sun Sep 01 2022 01:32:06 GMT-0500');

// 计算并更新时间差的核心函数
function updateTimeDiff() {
    const currentDate = new Date();
    const timeDiffMs = currentDate.getTime() - targetDate.getTime();

    // 转换为总秒数、总分钟数、总小时数
    const totalSeconds = Math.floor(timeDiffMs / 1000);
    const totalMinutes = Math.floor(totalSeconds / 60);
    const totalHours = Math.floor(totalMinutes / 60);

    // 拆分出带进位的天数、小时、分钟
    const days = Math.floor(totalHours / 24);
    const hours = totalHours % 24; // 剩余小时（范围0-23）
    const minutes = totalMinutes % 60; // 剩余分钟（范围0-59）

    // 替换为你的输出逻辑，比如更新页面DOM元素
    console.log(`已过去：${days}天 ${hours}小时 ${minutes}分钟`);
    // 示例：页面元素更新
    // document.getElementById('days').textContent = days;
    // document.getElementById('hours').textContent = hours;
    // document.getElementById('minutes').textContent = minutes;
}

// 初始化立即执行一次
updateTimeDiff();
// 每分钟更新一次（60000毫秒），需更精准可改为1000毫秒（每秒）
setInterval(updateTimeDiff, 60000);

关键逻辑说明 #

• 进位拆分：利用取余运算符（%）获取进位后的剩余时间，比如totalHours % 24会得到总小时数扣除整数倍24后的余数，即当天的剩余小时；totalMinutes % 60得到当前小时内的剩余分钟。
• 实时更新：通过setInterval定时触发计算函数，初始化时先执行一次避免用户等待，之后按设定周期更新数据。
• 扩展支持：如果需要显示秒数，可添加const seconds = totalSeconds % 60;，逻辑与分钟、小时的拆分一致。

内容的提问来源于stack exchange，提问作者Luis Fernando Perez Varajas