javascript - 在 div 元素中更新 Momentjs FromNow()

Question

我有这个 div 元素，显示自创建以来过去的时间。但是它不会更新，并且始终保持在几秒钟前。看起来像这样

var newMsg= "<div id="chat-time">'+ moment().fromNow()+'</div>";
 $("#chat-list").html( newMsg);

如何更新此文本。我知道我可以用 sentInterval 来做到这一点，但我不知道如何正确地做到这一点。它只是打印出秒数!我将其用于聊天室。所以每条消息都会有一个格式为 momentjs.fromNow() 的时间戳。 为所有这些消息设置计时器是否会产生问题？我希望得到提示。

编辑:我正在使用下面提到的代码，但它没有显示任何内容:

<div id="chat-time"></div>

var messageTimeStamp = new Date();
setInterval(function(){
    var time = moment(messageTimeStamp).fromNow();

    $("#chat-time").html(time);
}, 1000);

Answer 1

要实现此功能，您需要 dom 中的元素和 setInterval 运行，而不包含在任何字符串连接中

HTML

<div id="chat-time"></div>

JS

var $chatTime = $('#chat-time').text(moment().fromNow());
setInterval(function(){ 
   var time = moment().fromNow();
    $chatTime.txt( time );
}, 1000);