Javascript 将日期添加到多个时区的时钟
我正在寻求有关如何添加X、Y、Z时区的当前日期的帮助Javascript 将日期添加到多个时区的时钟,javascript,html,time,timezone,Javascript,Html,Time,Timezone,我正在寻求有关如何添加X、Y、Z时区的当前日期的帮助 new Date() JavaScript: const clocks = document.getElementsByClassName("clock"); function updateClocks() { for (let clock of clocks) { let timezone = clock.dataset.timezone; let time = new Date().toLocaleTimeStri
new Date()
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();
Html
<span class="clock" data-timezone="Europe/London">05:55 PM</span>
<span class="clock" data-timezone="Asia/Seoul">08:55 AM</span>
05:55下午
上午8:55
我得到的时间没有问题,但我不知道如何设置这些时区的当前日期
new Date()
对象返回当前时间。使用以下代码:
const getColonTimeFromDate = date => date.toTimeString().slice(0, 8);
getColonTimeFromDate(new Date());
解决方案由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月30日星期三上午5:38:17