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

HTML

<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 AM

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

3 个答案: