我想使用Meteor.setInterval()来更新时间模板,它不起作用

Question

我想用Meteor.setInterval命令更新我的时间函数.

这就是我的*.js文件的样子:

function uhrzeit() {
  var zeit = new Date();
  var std = zeit.getHours();
  var min = zeit.getMinutes();
  return std + ":" + min;
};

if (Meteor.isClient) {
  Template.uhr.zeit = function() {
    Meteor.setInterval(uhrzeit, 1000); //Edit: Changed it to pass, not call the function.
    return uhrzeit();
  };
}

模板未更新.它会显示我更新页面后的实际时间,但不会定期更新.或者至少我没有改变HTML的时间.

Answer 1

你的功能不是被动的.您需要设置依赖关系,确保您的数据功能依赖于它并定期更新它.

此外,数据功能不是一个好的地方setInterval.它可以多次调用并创建许多间隔,这是不希望的.created这是一个更好的地方.

此外,请务必清除您创建的所有间隔.destroyed是一个很好的地方.

码:

if (Meteor.isClient) {

  var zeitDep = new Deps.Dependency(); // !!!
  var zeitValue;
  var zeitInterval;

  function uhrzeit() {
    var zeit = new Date();
    var std = zeit.getHours();
    var min = zeit.getMinutes();
    zeitValue = std + ":" + min;
    zeitDep.changed(); // !!!
  };

  Template.uhr.created = function() {
    uhrzeit(); /* Call it once so that we'll have an initial value */
    zeitInterval = Meteor.setInterval(uhrzeit, 1000);
  };

  Template.uhr.zeit = function() {
    zeitDep.depend(); // !!!
    return zeitValue;
  };

  Template.uhr.destroyed = function() {
    Meteor.clearInterval(zeitInterval);
  };

}