javascript - 使用angular js的时间倒计时

Question

我是新来的 angular js。我正在尝试使用 angular js 进行倒计时。我的代码是

$scope.endingdays = function(datevalue){
    var endingin=new Date(datevalue);
    var date1=new Date();
    var date1_ms = Math.round(date1.getTime());
    var date2_ms = Math.round(endingin.getTime());
    var miliseconds = date2_ms - date1_ms;
    var second = miliseconds / 1000 ;
    var seconds = Math.floor(second) %60;
    var minutes =  Math.floor(second/60) % 60;
    var hours = Math.floor(second/3600);    
    result = hours<10 ? '0'+hours+':' : hours+':';      
    result += minutes<10 ? '0'+minutes+':' : minutes+':';
    result += seconds<10 ? '0'+seconds : seconds;
    return result;
};

这是我的新代码，除了倒计时，其他一切都很好。我如何自动倒计时？现在它在重新加载页面时显示倒计时。我的打印代码

{{endingdays(deal.endDate)}}

我正在使用 angular js 1.2.23

Answer 1

您的代码会像这样。前提是您要返回上面提到的值。 **

Use {{updatedTime}} in your HTML.

**

var timeUpdater = $interval(function() {

   var vals = $scope.endingdays(deal.endDate);
   $scope.updatedTime = vals[0]+':'+vals[1]+':'+vals[2];

}, 100 );// This is the time in miliseconds to update .
};

// To kill the timer

$scope.killTimeUpdater = function() {

   if (angular.isDefined(timeUpdater)) {
     $interval.cancel(timeUpdater);
     timeUpdater = undefined;
   }

};