JavaScript生成时间差字符串时小时数错误，求解决方法

你的问题出在使用new Date(diff)后调用本地时区的时间方法（getHours()等），导致返回的小时数受本地时区偏移影响，和预期的时间差不符。

问题原因 #

当你用new Date(diff)构造日期时，这个日期是基于Unix纪元（1970-01-01 00:00:00 UTC）加上diff毫秒数得到的。而getHours()、getMinutes()这类方法返回的是本地时区下的时间值，不是时间差的绝对数值。比如你的本地时区如果是UTC-2，10小时的时间差对应的本地时间是1970-01-01 08:00:00，getHours()就会返回8，而非预期的10。

解决方案 #

方案1：使用UTC系列方法获取无偏移的时间差

UTC方法直接基于Unix纪元的UTC时间计算，不会受本地时区影响：

function timeSpanToString(startDate, endDate) {
  const diff = endDate - startDate;
  const res = new Date(diff);
  // 使用UTC方法获取时间差各部分
  const hours = res.getUTCHours();
  const minutes = res.getUTCMinutes();
  const seconds = res.getUTCSeconds();
  const milliseconds = res.getUTCMilliseconds();
  // 补零确保格式为HH:mm:ss.sss
  const formatted = `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}.${String(milliseconds).padStart(3, '0')}`;
  console.log(formatted);
  return formatted;
}

方案2：手动计算时间差各部分（更可靠）

完全脱离Date对象的时区依赖，直接通过毫秒数拆解时间差：

function timeSpanToString(startDate, endDate) {
  let diff = endDate - startDate;
  
  // 拆解毫秒、秒、分钟、小时
  const milliseconds = diff % 1000;
  diff = Math.floor(diff / 1000);
  
  const seconds = diff % 60;
  diff = Math.floor(diff / 60);
  
  const minutes = diff % 60;
  const hours = Math.floor(diff / 60);
  
  // 补零格式化
  const formatted = `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}.${String(milliseconds).padStart(3, '0')}`;
  console.log(formatted);
  return formatted;
}

用你的测试用例验证：

const startDate = new Date(2000, 1, 1, 10, 0, 0);
const endDate = new Date(2000, 1, 1, 15, 20, 10, 453);
timeSpanToString(startDate, endDate); // 输出：05:20:10.453

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