每秒重绘 meteor 时钟

Question

  Template.display_time.time = function() {
    var date = new Date();
    var hour = date.getHours();
    var minute = date.getMinutes();
    var now = addZero(hour) + ":" + addZero(minute);
    return now
  };

目前我使用此代码来显示时间。但我一直在尝试使用简单的javascript每秒更新它，但它不会显示在页面上。有没有一种 meteor 友好的方法可以使用上面的函数来做到这一点？就像以 1 秒间隔使用 setTimeout 一样。

我以前使用的 JavaScript。

function updateTime() {
    var currentTime = new Date();
    var hours = currentTime.getHours();
    var minutes = currentTime.getMinutes();
    if (hours < 10)
    {
        hours = "0" + hours;
    }
    if (minutes < 10)
    {
        minutes = "0" + minutes;
    }
    var v = hours + ":" + minutes + " ";
    setTimeout("updateTime()",1000);
    document.getElementById('time').innerHTML=v;
}
updateTime();

Answer 1

该方法不起作用的原因是它不是响应式(Reactive)数据源。

尝试以下操作。

Template.display_time.time = function() {
    return Session.get('time');
};

Meteor.setInterval(function() {
    Session.set('time', getTime());
}, 1000);

请参阅有关 Deps 的文档

"Meteor has a simple dependency tracking system which allows it to automatically rerun templates and other computations whenever Session variables, database queries, and other data sources change."