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

猜你喜欢

转载自blog.csdn.net/qq_41603102/article/details/88535431