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