angular8: 定时器的设置和清除方法

设置一个10秒的倒计时的定时器：

time = 10;  //前端显示的倒计时
pageTimer = {};
timerNumber = 0;
countDown() {
 
  if (this.time === 0) {
    //等于0时清除计时
   if (JSON.stringify(this.pageTimer) !== "{}") { //判断计时器是否为空
  for (var each in this.pageTimer) {
    window.clearInterval(this.pageTimer[each]);
  }
}
  } else {
    this.time = this.time - 1;
  }

}

单击前端按钮，调用下面的方法，显示倒计时：

showPop(data) {
  data.visible = true;
  this.time = 10;
  this.pageTimer[this.timerNumber] = setInterval(() => {
    this.countDown();
  }, 1000);
  this.timerNumber = this.timerNumber + 1;

}

前端页面：

 
            删除
          
          
             确认删除?
          
          
          
            
注意：该操作将清空团队下的所有数据。


              倒计时{{time}}秒
              
            
            

              取消
              
              确认删除