浏览器中的UTC javascript倒计时为负数

Question

我试图制作一个在浏览器中工作的UTC午夜的JavaScript倒计时器（通常转换为本地时间）。

这是我现在在我的网站上使用的东西。

  setInterval(() => {
    let toDate = new Date()
    let tomorrow = new Date()
    tomorrow.setHours(24, 0, 0, 0)
    let diffMS =
      tomorrow.getTime() / 1000 -
      toDate.getTime() / 1000 -
      toDate.getTimezoneOffset() * 60
    let diffHr = Math.floor(diffMS / 3600)
    diffMS = diffMS - diffHr * 3600
    let diffMi = Math.floor(diffMS / 60)
    diffMS = diffMS - diffMi * 60
    let diffS = Math.floor(diffMS)
    let result = diffHr + ' hours '
    result += diffMi + ' minutes '
    result += diffS + ' seconds '
    this.timeRemaining = result
  }, 1000)

Answer 1

不确定您的问题来自哪里，但使用由偏移量调整的当地时间有点令人担忧。此外，偏移量在DST边界上变化，因此这也可能是一个问题（或不是），因此倒计时将跳转等效于偏移量的变化(+或-）。

使用UTC方法设置结束并向下倒数要简单得多，例如。

// Return time to next UTC midnight as x hours x minutes x seconds
function toMidnightUTC(date = new Date()) {
  let d = new Date(+date);
  d.setUTCHours(24,0,0,0);
  let diff = d - date;
  return `${diff/3.6e6 |0} hours ` +
         `${diff%3.6e6 / 6e4 |0} minutes ` +
         `${diff%6e4 / 1000 |0} seconds`;
}

// Run  20ms after next full second
let runIt = ()=> {
  document.getElementById('s0').textContent = toMidnightUTC();
  let lag = 1020 - new Date() % 6e4;
  setTimeout(runIt, lag);
};

// Start the process…
runIt();

<span id="s0"></span>