使用javascript来应用用户时区差异？

Question

我想过让我的用户必须在我的应用程序中选择他们自己的时区，但是用一些 JavaScript 让它自动执行怎么样？

一些伪代码：
日期在服务器端打印为

2011-09-28 11:00 UTC。当用户加载页面时，jquery 会遍历具有 utcDate 类的所有元素，并将 UTC 日期/时间替换为 UTC 与 UTC 之间的差异的日期。已应用用户本地时区。

这样做时我应该注意什么？这有什么明显的缺点吗？

谢谢

Answer 1

如果您这样做（这没有任何问题），请注意，如果涉及很多元素，它可能会影响感知的页面加载时间。

请务必在 DOM 就绪事件处理程序中进行替换，而不是在页面加载时进行，因为这对用户来说非常明显。

或者，为什么不直接输出 js.snippet，通过 document.write 内联写入正确的日期，而不是输出 UTC 日期然后更改它？ - 这将使页面加载更快。

如果你在页面上使用它的任何地方都是相同的日期/时间，你可以通过js生成一次，然后简单地输出存储在变量中的值。

Answer 2

我建议改为输出 Unix 时间戳。 js Date 对象 没有直接使用 UTC 字符串的功能（您' d 必须解析出每个组件），但它可以使用 setTime 函数消耗时间戳。

Date 对象自动本地化为用户的设置，并且可以直接转换为字符串（尽管这可能比您想要的更详细：“Wed Sep 28 2011 07:03:26 GMT-0400（东部夏令时间）”），所以你可能想自己格式化字符串：

$('p.utcDate').each(function () {
    var time = new Date();
    time.setTime(this.innerHTML);
    this.innerHTML = time.toDateString();
  });

作为一个额外的好处，toDateString 将处理 mdy 与 dmy 等的本地约定。