javascript - 不同时区的时钟

Question

我正在尝试在一个显示两次的网站上创建两个时钟。一个来自伦敦，另一个来自纽约。

我已经能够创建一个时钟来读取我计算机上的当前时间，但我不确定如何将时区放入其中。

我目前的代码是:

<script type="text/javascript" language="javascript">

function renderTime() {
    var currentTime = new Date();
    var diem = "AM";
    var h = currentTime.getHours();
    var m = currentTime.getMinutes();
    var s = currentTime.getSeconds();

    if (h == 0) {
        h = 12
    } else if (h > 12) {
        h = h - 12;
        diem = "PM";
    }

    if (h < 10) {
        h = "0" + h;
    }

    if (m < 10) {
        m = "0" + m;
    }

    if (s < 10) {
        s = "0" + s;
    }

    var myClock = document.getElementById ("clockDisplay");
    myClock.textContent = h + ":" + m + ":" + s + " " + diem;

    setTimeout ('renderTime()', 1000);
}
renderTime();
</script>

这将应用于我创建的 CSS 样式，因此我可以使用特定字体显示时钟。

Answer 1

要正确地做到这一点，您将需要一个时区数据库，例如我列出的一个 here .

这个问题的所有其他答案都错误地认为“时区”和“时区偏移量”是同一回事。他们不是。例如，伦敦的时区是 Europe/London，它可以有 +0 或 +1 偏移量，具体取决于一年中的什么时间。纽约的时区是 America/New_York，根据与伦敦完全不同的一组日期，它可以有 -5 或 -4 的偏移量。

您可能想看看 moment-timezone :

moment().tz("America/New_York").format()