如何清除Timeinterval

时间:2016-02-01 10:55:46

标签: javascript meteor countdown

我的柜台遇到了问题。我不知道为什么,但clearInterval(时间间隔)并不会触发。如果我把一个console.log语句放到t,它会转到-1,-2等等。为什么计数器没有停止?

  Template.decision.onRendered(function(){
     timeinterval = setInterval(function () {
    var endtime = '2016/02/10'     
      Meteor.call("getCurrentTime", function (error, result) {
        Session.set("time", result);
        var t = getTimeRemaining(endtime);
        Session.set("t", t);
      });
    }, 1000);
  });

  function getTimeRemaining(endtime){
    var t = Date.parse(endtime) - Session.get('time');
    var seconds = ("0" + Math.floor( (t/1000) % 60 )).slice(-2);
    var minutes = ("0" + Math.floor( (t/1000/60) % 60 )).slice(-2);
    var hours = ("0" + Math.floor( (t/(1000*60*60)) % 24 )).slice(-2);
    var days = Math.floor( t/(1000*60*60*24) );
    console.log(t);

    if(t <= 0) {
      clearInterval(timeinterval);
    }
return {
  'total': t,
  'days': days,
  'hours': hours,
  'minutes': minutes,
  'seconds': seconds
};
}

在我的服务器上:

  Meteor.methods({
    'getCurrentTime': function (){
      return Date.parse(new Date());
    }
  });

1 个答案:

答案 0 :(得分:1)

if(t <= 0 && timeinterval) {
  clearInterval(timeinterval);
}

要没有重复的计时器,您可以在设置新计时器之前取消行中的上一个间隔,或者您可以这样做:

if (!timeinterval) {
    timeinterval = setInterval(function () {
        timeinterval = null;
    }, delay);
}

但是当你有并发性时,这可能会很棘手。