angular7学习笔记（2）-定时器$interval

由于本人不是主做前端的，但因开发的实际业务要求，选择了angular。写下此文，方便日后回顾

---

1、html

{{time}}

2、ts

public time :number = 15;


var interval = setInterval(function() {
    if (this.time > 0) {
        this.time --;
    } else {
        clearInterval(interval);
        console.log("时间到")
        this.time = 15; //重新初始化time
    }
     
}, 1000);

注意：

1、以上是每1000毫秒执行time-1操作。

2、清除interval定时器：通过‘interval定时器：通过‘clearInterval(interval)’ 删除$interval返回的promise即可清除，而且必须要清除，否则会无限循环。在angular controller中只要开始执行定时任务，只要不清除则会一直执行，无论是否切换到其他的controller和页面，可能会导致不必要的错误。 

 

 

参考：https://blog.csdn.net/xuanhaiyang2008/article/details/52121540