JavaScript计算时间间隔后转可读格式：解决1970年份异常问题

你编写了以下代码来计算时间差：

var time01 = new Date(); 
var time02 = new Date(2015, 0, 0, 0, 0, 0); 
var time03 = new Date(2022, 0, 0, 0, 0, 0); 

var passed01 = time01.getTime() - time02.getTime(); 
var passed02 = time03.getTime() - time01.getTime(); 

var readable01 = new Date(passed01); 
var readable02 = new Date(passed02); 

但得到的结果年份都是1970年左右，想要实现类似“3年”或“3年15天17分23秒”的可读格式输出。

用new Date(timestamp)处理时间差会出现这个问题，因为这个方法是把传入的毫秒数当作从1970年1月1日00:00:00 UTC开始的时间戳来解析，而不是直接解析成时间差，所以自然会显示1970年左右的日期。

我们可以自定义一个函数，把毫秒级的时间差转换成“年-天-时-分-秒”的可读格式。这里特意考虑了年份差的准确性（避免简单按365天计算带来的闰年偏差），然后处理剩余的时间单位：

function formatTimeDiff(milliseconds) {
    // 区分已流逝和剩余时长的正负标记
    const isRemaining = milliseconds < 0;
    let diff = Math.abs(milliseconds);
    
    // 通过日期对象计算准确年份差
    const currentDate = new Date();
    const targetDate = new Date(currentDate.getTime() - diff);
    let years = currentDate.getFullYear() - targetDate.getFullYear();
    
    // 修正月份/日期导致的年份偏差（比如当前是2024年2月，目标是2021年3月，直接减会多算1年）
    if (currentDate.getMonth() < targetDate.getMonth() || 
        (currentDate.getMonth() === targetDate.getMonth() && currentDate.getDate() < targetDate.getDate())) {
        years--;
    }
    
    // 扣除年份对应的毫秒数，计算剩余时间
    diff -= years * 365 * 24 * 60 * 60 * 1000;
    // 简单修正闰年影响：如果涉及闰年且日期在2月之后，补回一天的毫秒数
    const isLeapYear = year => (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
    if ((isLeapYear(currentDate.getFullYear()) && currentDate.getMonth() > 1) || 
        (isLeapYear(targetDate.getFullYear()) && targetDate.getMonth() > 1)) {
        diff += 24 * 60 * 60 * 1000;
    }
    
    // 计算剩余的天、时、分、秒
    const days = Math.floor(diff / (24 * 60 * 60 * 1000));
    diff %= (24 * 60 * 60 * 1000);
    
    const hours = Math.floor(diff / (60 * 60 * 1000));
    diff %= (60 * 60 * 1000);
    
    const minutes = Math.floor(diff / (60 * 1000));
    const seconds = Math.floor(diff / 1000);
    
    // 只保留非零的时间单位
    const parts = [];
    if (years > 0) parts.push(`${years}年`);
    if (days > 0) parts.push(`${days}天`);
    if (hours > 0) parts.push(`${hours}时`);
    if (minutes > 0) parts.push(`${minutes}分`);
    if (seconds > 0) parts.push(`${seconds}秒`);
    
    // 根据正负标记添加前缀
    return isRemaining ? `剩余${parts.join('')}` : `已流逝${parts.join('')}`;
}

// 测试你的代码场景
var time01 = new Date(); 
var time02 = new Date(2015, 0, 0, 0, 0, 0); 
var time03 = new Date(2022, 0, 0, 0, 0, 0); 

var passed01 = time01.getTime() - time02.getTime(); 
var passed02 = time03.getTime() - time01.getTime(); 

console.log(formatTimeDiff(passed01)); // 输出类似"已流逝9年12天3时15分20秒"
console.log(formatTimeDiff(passed02)); // 输出类似"剩余2年20天10分5秒"

• 函数会自动忽略值为0的单位，比如如果只有年和秒，就会显示“X年X秒”
• 闰年处理做了简化，如果需要更极致的精确性，可以进一步优化日期对比逻辑
• 如果不需要区分“已流逝”和“剩余”，可以去掉开头的正负判断部分

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