浏览器中实现UTC午夜JavaScript倒计时出现负数问题求助

• 你原有代码中的tomorrow.setHours(24, 0, 0, 0)设置的是本地时区的次日零点，和你需要的UTC午夜目标不匹配
• 手动计算时区偏移的逻辑在本地时区和UTC日期不同步的场景下（比如UTC已经进入新一天，本地还处于前一天）很容易出现计算偏差，最终导致倒计时出现负数

直接使用JS Date内置的UTC相关方法构造目标时间，完全避免手动处理时区偏移的误差，修复后的代码如下：

setInterval(() => {
  const now = new Date();
  // 直接获取当前UTC时间的年、月、日
  const utcYear = now.getUTCFullYear();
  const utcMonth = now.getUTCMonth();
  const utcDay = now.getUTCDate();
  // 构造下一个UTC午夜的时间对象，完全不受本地时区影响
  const nextUtcMidnight = new Date(Date.UTC(utcYear, utcMonth, utcDay + 1, 0, 0, 0));
  // 计算毫秒级差值
  let diffMs = nextUtcMidnight.getTime() - now.getTime();
  // 兜底处理边界误差：如果差值为负，直接加一天的毫秒数，避免负数
  if (diffMs < 0) diffMs += 86400 * 1000;
  // 转换为时分秒
  const diffHr = Math.floor(diffMs / 3600000);
  diffMs %= 3600000;
  const diffMi = Math.floor(diffMs / 60000);
  diffMs %= 60000;
  const diffS = Math.floor(diffMs / 1000);
  this.timeRemaining = `${diffHr} hours ${diffMi} minutes ${diffS} seconds`;
}, 1000)

• 修复后的逻辑直接基于UTC时间计算目标时间，完全绕过本地时区转换的问题
• 新增了负数兜底逻辑，即使出现毫秒级的边界误差也不会显示负的倒计时数值

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