JavaScript：多时区时钟

Question

我想使用 JavaScript 显示来自 3 个不同时区的 3 个时钟。 我在网上浏览了一个简单的解决方案，但我发现的只是长脚本和 .js 扩展名，所有这些都是为了完成一项简单的任务。

有没有简单的方法来做到这一点？我真的需要添加一个额外的 JS 文件来完成这个任务吗？

提前感谢帮助者！

Answer 1

有没有简单的方法可以做到这一点？

是的。

我真的需要添加一个额外的 JS 文件来完成这个任务吗？

没有。然而，JS 中的时间处理很困难，因为它没有真正跨浏览器安全的日期/时间字符串解析和格式化方法。为此使用库可能会有所帮助，但是对于您的时钟而言，这不是必需的。

// all three clocks represent current time
var clock1 = new Date(); // current moment
var clock2 = new Date();
var clock3 = new Date();

// for outputting, adjust them
// leave clock1 in UTC
clock2.setHours(clock2.getHours() + 3); // UTC+3
clock3.setHours(clock3.getHours() - 5); // UTC-5

// now for display, use these values:
clock1.getUTCHours();
clock1.getUTCMinutes();
clock1.getUTCSeconds();

clock2.getUTCHours();
clock2.getUTCMinutes();
clock2.getUTCSeconds();

clock3.getUTCHours();
clock3.getUTCMinutes();
clock3.getUTCSeconds();