Time 创建动态时钟的时刻

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和带有数据的矩时区创建时钟
时钟显示多个位置,仅在页面刷新时更新。
我想将时钟转换为每分钟变化的动态时钟(不需要秒)

这是我完整的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更新