angular2组件中定时刷新并清除定时器的实例讲解


Posted in Javascript onAugust 31, 2018

实例如下:

import { Component,OnInit,ChangeDetectionStrategy,ChangeDetectorRef,OnDestroy} from "@angular/core";

@Component({
changeDetection:ChangeDetectionStrategy.OnPush
})

export class xxxComponent{
private timer;
constructor(private ref : ChangeDetectorRef){
this.timer = setInterval(()=>{
this.ref.detechChanges();//检测变化
},5000)
}
//销毁组件时清除定时器
ngOnDestroy(){
if(this.timer){
clearInterval(this.timer);
}
}
}

以上这篇angular2组件中定时刷新并清除定时器的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
Sep 19 Javascript
javascript和HTML5利用canvas构建猜牌游戏实现算法
Jul 17 Javascript
jquery each的几种常用的使用方法示例
Jan 21 Javascript
jQuery学习笔记之jQuery原型属性和方法
Jun 09 Javascript
基于jquery实现动态竖向柱状条特效
Feb 12 Javascript
使用JavaScript获取Request中参数的值方法
Sep 27 Javascript
Sequelize中用group by进行分组聚合查询
Dec 12 Javascript
Angular 4.x 路由快速入门学习
May 03 Javascript
JS请求servlet功能示例
Jun 01 Javascript
vuejs 动态添加input框的实例讲解
Aug 24 Javascript
vue3.0中的双向数据绑定方法及优缺点
Aug 01 Javascript
Vue-Ant Design Vue-普通及自定义校验实例
Oct 24 Javascript
解决Angular4项目部署到服务器上刷新404的问题
Aug 31 #Javascript
Vue.directive使用注意(小结)
Aug 31 #Javascript
解决angular2 获取到的数据无法实时更新的问题
Aug 31 #Javascript
vue 项目中使用Loading组件的示例代码
Aug 31 #Javascript
解决Angular2 router.navigate刷新页面的问题
Aug 31 #Javascript
浅谈angularJS2中的界面跳转方法
Aug 31 #Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
Aug 31 #Javascript
You might like
收音机指标测试方法及仪器
2021/03/01 无线电
PHP对象Object的概念 介绍
2012/06/14 PHP
利用浏览器的Javascript控制台调试PHP程序
2014/01/08 PHP
php读取excel文件示例分享(更新修改excel)
2014/02/27 PHP
CodeIgniter 完美解决URL含有中文字符串
2016/05/13 PHP
jQuery侧边栏随窗口滚动实现方法
2013/03/04 Javascript
JQueryEasyUI datagrid框架的进阶使用
2013/04/08 Javascript
jQuery构造函数init参数分析
2015/05/13 Javascript
javascript高级编程之函数表达式 递归和闭包函数
2015/11/29 Javascript
理解JS绑定事件
2016/01/19 Javascript
关于Javascript中defer和async的区别总结
2016/09/20 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
2017/01/20 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
vue-axios使用详解
2017/05/10 Javascript
bootstrap modal+gridview实现弹出框效果
2017/08/15 Javascript
vue路由嵌套的SPA实现步骤
2017/11/06 Javascript
react中使用swiper的具体方法
2018/05/15 Javascript
JS实现将二维数组转为json格式字符串操作示例
2018/07/12 Javascript
微信小程序实现文字从右向左无限滚动
2020/11/18 Javascript
JavaScript canvas基于数组生成柱状图代码实例
2020/03/06 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
python中urllib模块用法实例详解
2014/11/19 Python
Python中使用Boolean操作符做真值测试实例
2015/01/30 Python
数组保存为txt, npy, csv 文件, 数组遍历enumerate的方法
2018/07/09 Python
可能是最全面的 Python 字符串拼接总结【收藏】
2018/07/09 Python
Python pyinotify模块实现对文档的实时监控功能方法
2018/10/13 Python
Python大数据之使用lxml库解析html网页文件示例
2019/11/16 Python
Python使用多进程运行含有任意个参数的函数
2020/05/02 Python
Keras自定义实现带masking的meanpooling层方式
2020/06/16 Python
html5-Canvas可以在web中绘制各种图形
2012/12/26 HTML / CSS
会计专业求职信
2014/08/10 职场文书
银行客户经理岗位职责
2015/04/09 职场文书
学校党支部承诺书
2015/04/30 职场文书
2015年小学数学教师工作总结
2015/05/20 职场文书
vue实现列表垂直无缝滚动
2022/04/08 Vue.js
Java由浅入深通关抽象类与接口(上篇)
2022/04/26 Java/Android