javascript - 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();