从提交日期自动更新 timeAgo 值

Question

编辑：我认为我应该让事情更明显。
我要做的是使显示从帖子提交日期开始的“时间前”的功能每分钟自动刷新一次，这样即使没有重新渲染模板也能保持相对准确。

我想在我的模板中自动更新我的 timeago 值，但它不起作用。

根据对类似问题 (https://stackoverflow.com/a/17933506) 的回答，我尝试使用反应函数设置我的代码

这是我的代码：

var timeAgoDep = new Deps.Dependency(); // !!!
var timeAgo;
var timeAgoInterval;

Template.postItem.created = function() {
    function getTimeago() {
        //var now = new Date();
        timeAgo = moment(this.submitted).twitter();
        timeAgoDep.changed(); // !!!
    };

    getTimeago(); /* Call it once so that we'll have an initial value */
    timeAgoInterval = Meteor.setInterval(getTimeago, 5000);
};

Template.postItem.posted = function() {
    timeAgoDep.depend(); // !!!
    return timeAgo;
};

Template.postItem.destroyed = function() {
    Meteor.clearInterval(timeAgoInterval);
};

我很确定问题来自 this.submitted 因为如果我分配 timeAgo = now 例如，它将显示时间并按预期更新。

我也知道 moment(this.submitted).twitter() 工作正常，因为当我所做的只是通过帮助程序返回它时，它就可以工作。

Answer 1

实现这一点的更好方法是仅采用 Meteor 的反应性并反应性地呈现与时间相关的值。在您的情况下，问题在于您每 5 秒 为每个呈现的 postItem 使依赖项失效一次，这将很快变成一团糟。

请参阅https://github.com/mizzao/meteor-timesync 以获取在客户端上提供反应时间变量的包（并且它们也同步到服务器时间！）它基本上是在做你想做的事，但以一种更简洁的方式。 （免责声明：我写了这个包。）

您可以以相同的方式使用 moment 来计算要显示的实际字符串。例如，摆脱所有其他东西并使用

Template.postItem.posted = function() {
    return moment(this.submitted).from(TimeSync.serverTime());
}

moment().twitter() 扩展似乎不是一个好的选择，因为它只使用当前客户端时间，并且不允许您传入特定（即服务器同步的）时间或响应值。