angular-timer 单个页面设置多个倒计时

最近项目中要做个一元抢购倒计时功能，一个页面有多个倒计时。很是头疼，还好找到angular-timer插件,顿时轻松许多。做完顺便做下记录：

1.插件地址 https://github.com/siddii/angular-timer

    在index中引入以下几个文件，并在app.js中注入timer

• lib/angular-timer.min.js
  

• lib/momentjs/min/moment.min.js
• lib/momentjs/min/locales.min.js
• lib/humanize-duration/humanize-duration.js
• angular.module('starter', ['timer'])
  

2.html

<timer ng-if="item.yi_id!=end_id" end-time="item.status_time | ten" interval="1000" finish-callback="finished(item.yi_id)">
         {{minutes || '00'}}:{{seconds || '00'}}

<timer interval="10"> .{{millis | limitTo:-3 | limitTo:2}}</timer>
</timer>

item.status_time是参与人数满了的时间 ten是一个加十分钟的过滤器,顺便转换成时间戳

 .filter('ten', function() {
    return function(value) {
      if (!value) return '';
      //计算时间差
      var date2 = new Date(value).getTime();   
      var fiveDaysMm = 600*1000;  //创建时间 十分钟
      var date3 = (fiveDaysMm + date2); 
      return new Date(date3).getTime();
    };
})

<timer interval="10"> .{{millis | limitTo:-3 | limitTo:2}}</timer>是单独做的一个毫秒计时

3.js  倒计时结束触发finished方法,拉取列表刷新

 //倒计时结束
  $scope.finished=function(id){
    $scope.getOnePurshaseGoods();
  }