Time 创建动态时钟的时刻
我使用矩.js和带有数据的矩时区创建时钟Time 创建动态时钟的时刻,time,momentjs,clock,Time,Momentjs,Clock,我使用矩.js和带有数据的矩时区创建时钟 时钟显示多个位置,仅在页面刷新时更新。 我想将时钟转换为每分钟变化的动态时钟(不需要秒) 这是我完整的JS代码 const clocks = [ "Asia/Tel_Aviv", "Europe/Budapest", "Asia/Shanghai", "Europe/London", "America/New_York&quo
时钟显示多个位置,仅在页面刷新时更新。
我想将时钟转换为每分钟变化的动态时钟(不需要秒) 这是我完整的JS代码
const clocks = [
"Asia/Tel_Aviv",
"Europe/Budapest",
"Asia/Shanghai",
"Europe/London",
"America/New_York",
];
let i = 0;
const titles = ["Tel Aviv", "Valletta", "Shanghai", "London", "Boston"];
const box = document.querySelector(".box");
box.append(
...clocks.map((timeZone) => {
const zone = document.createElement("div");
const time = document.createElement("div");
const cityTitle = document.createElement("h4");
zone.classList.add("zone");
time.classList.add("time", "d-flex", "justify-content-between");
// Creating box
zone.append(time, cityTitle);
time.append(
...Array.from(moment().tz(timeZone).format("HH:mm"), (character) => {
const span = Object.assign(document.createElement("span"), {
textContent: character,
});
if (character === ":") {
span.classList.add("no-bg");
}
return span;
})
);
cityTitle.append(titles[i]);
i++;
return zone;
})
);
唯一的HTML:
<div class="box"></div>
这里是满锅
我很想得到帮助
谢谢查看or。好的@Sebastian Simon感谢您的帮助。我最终使用了setInterval。构建了一个每秒创建时钟的函数。。codepan更新