Question

使用moment.js获取当前时间，但是我注意到它仅在加载期间获取值。这是什么原因造成的？我怀疑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);

MomentJS仅显示加载时间

1 个答案: