javascript - MomentJS 只显示加载时间

Question

使用 momentjs 获取当前时间，但是，我注意到它只在加载期间获取值。是什么原因造成的？我怀疑 text() 不适合动态值？

var zone = [
    est = 'America/New_York',
    cen = 'America/Mexico_City',
    mount = 'America/Denver',
    pac = 'America/Los_Angeles'
]
var est = moment.tz(moment(), zone[0]).format('HH:MM:ss a');
var cen = moment.tz(moment(), zone[1]).format('HH:MM:ss a');
var mount = moment.tz(moment(), zone[3]).format('HH:MM:ss a');
var pac = moment.tz(moment(), zone[4]).format('HH:MM:ss a');

$("#est").text(est)
$("#pac").text(pac)
$("#cen").text(cen)
$("#mount").text(mount)

dom 元素示例:

        <div class="clock">
            <p>Pacific</p>
            <p id="pac" class="time">1:00 PM</p>
        </div>
        <div class="clock">
            <p>Mountain</p>
            <p id="mount" class="time">1:00 PM</p>
        </div>

Answer 1

moment() 为您提供当前时间一次，仅此而已。您需要自己更新时间(例如，每秒)。此外，$(...).text 仅更新一次文本内容。

尝试创建一个 interval :

window.setInterval(() => {...code to execute...}, 1000);