将日期添加到多个时区的时钟

Question

我正在寻求有关如何添加 X，Y，Z 时区的当前日期的帮助。

JavaScript：

const clocks = document.getElementsByClassName("clock");
function updateClocks() {
for (let clock of clocks) {
let timezone = clock.dataset.timezone;
let time = new Date().toLocaleTimeString("en-US", {
hour: '2-digit',
minute: '2-digit',
timeZone: timezone
});
clock.textContent = time;
}
}
// Update every minute:
setInterval(updateClocks, 60000);
updateClocks();

目录

<span class="clock" data-timezone="Europe/London">05:55 PM</span>
<span class="clock" data-timezone="Asia/Seoul">08:55 AM</span>

我得到的时间没有问题，但我无法弄清楚如何为这些时区设置当前日期。

Answer 1

new Date()

该对象返回当前时间。

Answer 2

使用以下代码：

const getColonTimeFromDate = date => date.toTimeString().slice(0, 8);
getColonTimeFromDate(new Date());

Answer 3

OP 的解决方案。

终于想通了：

const clocks = document.getElementsByClassName("clock");
function updateClocks() {
for (let clock of clocks) {
let timezone = clock.dataset.timezone;
let time = new Date().toLocaleString("en-US", {
weekday: "long",
month: "short",
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
timeZone: timezone
});
clock.textContent = time;
}
}

只需要添加 工作日："长"， 月份："短"，

输出： 10 月 星期三， 05：38：17 上午