时钟在不同的时区

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

您可以使用以下命令在日期中添加或减少小时数

currentTime.setHours(currentTime.getHours()+offset);

其中 offset 是任意小时数。

我用该行和函数更新了 jsfiddle，以便它接受偏移量的参数。这不是 UTC 偏移量，只是从系统时间添加多少小时。您可以通过以下方式获取当前 UTC 偏移量currentTime.getTimezoneOffset()/60

演示