如何修复JavaScript倒计时器跨时区结束时间不一致问题？

这个问题太常见了——我帮很多人排查过类似的时区坑！你现在的问题出在new Date("Jul 30, 2020 20:00:00")会自动按用户的本地时区解析日期，导致纽约用户看到的结束时间和北京用户完全不一样。

解决的核心思路很简单：让倒计时的目标时间绑定到一个统一的绝对时间点，不管用户在哪个时区，都基于这个点计算剩余时间。下面给你两种最实用的方案：

方案1：使用UTC统一时间（推荐） #

直接通过Date.UTC()构造UTC时区的目标时间，这样所有用户的倒计时都会指向同一个绝对时间点：

// 注意：月份是0-based，7月对应6；参数依次是年、月、日、时、分、秒
var countDownDate = new Date(Date.UTC(2020, 6, 30, 20, 0, 0)).getTime();
var x = setInterval(function() {
  var now = new Date().getTime();
  var distance = countDownDate - now;
  
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  
  document.getElementById("countdown").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
  
  // 修复原代码里的转义问题，直接用<即可
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("countdown").innerHTML = "EXPIRED";
  }
}, 1000);

<p id="countdown"></p>

这种方法的优势是兼容性极强，所有浏览器都支持，而且逻辑清晰——你明确指定的是UTC时区的2020年7月30日20:00，全球用户看到的结束时间都会对应到各自时区的正确时间（比如北京用户会看到7月31日凌晨4点结束）。

方案2：指定特定时区（比如北京时间） #

如果你希望倒计时的结束时间是某个特定时区的本地时间（比如北京时间2020年7月30日20:00），可以用带时区偏移的ISO 8601格式字符串：

// ISO 8601格式：YYYY-MM-DDTHH:mm:ss±HH:mm，这里+08:00对应北京时间
var countDownDate = new Date("2020-07-30T20:00:00+08:00").getTime();
// 后续逻辑和方案1完全一致

现代浏览器都支持这种格式，如果需要兼容非常老旧的浏览器，还是方案1更稳妥。

关键提醒 #

不管用哪种方案，核心是确保countDownDate最终是一个时间戳（从UTC 1970年1月1日开始的毫秒数），这样计算剩余时间时，new Date().getTime()返回的也是同一基准的时间戳，就不会有时区差异了。

内容的提问来源于stack exchange，提问作者Do you even lift BRAH