AngularJS中的定时器,以及定时器的移除
来源:互联网 发布:2016星火英语听力软件 编辑:程序博客网 时间:2024/06/05 10:11
1.相比较于JS中setTimeInterval和setTimeout,angularJS中通过
$timeout //实现的是延迟执行$interval //实现的是定时器的效果
我们分别来看这两个服务
(1)timeout
timeout相当于JS原生里面的延迟执行,不同的是该服务的函数返回的是一个promise对象。
var timer=$timeout(function(){ console.log('hello world')},2000); //该函数延迟2秒执行timer.then(function(){ console.log('创建成功')},function(){ console.log('创建不成功')};
(2)interval
interval与timeout服务大同小异,创建定时器返回的也是一个promise对象。
var timer=$interval(function(){ console.log('hello world')},2000); //间隔2秒定时执行timer.then(function(){ console.log('创建成功')},function(){ console.log('创建不成功')};
2.如何移除定时器
在angularJSo中,特别是在页面切换或者说是路由切换的时候,我们需要移除响应的定时器,我们可以通过
$scope.$on('destroy',function(){ $interval.cancel($scope.timer);}) //在控制器里,添加$on函数
0 0
- AngularJS中的定时器,以及定时器的移除
- angularjs 移除定时器
- angularjs定时器
- 定时器以及定时器事件
- java中的定时器以及schedule和scheduleAtFixedRate方法的探究
- CADisplayLink以及定时器的使用
- AngularJS之定时器(interval)
- AngularJS停止定时器
- AngularJS停止定时器$interval
- angularjs之定时器
- linux定时器的使用以及键盘定时器解析
- shedule定时器的使用,以及定时器无法执行原因
- Linux下的定时器以及POSIX定时器:timer_settime()
- 定时器的声明以及判断定时器是否存在
- Windows95中的定时器的应用
- Qt中的定时器的使用
- c#中的定时器的使用
- java中的定时器的使用
- CSS背景属性background详解
- recycleview 定义item的 距离的方法。
- 做多选框必备
- c++实现ros by example volume1 例子timed_out_and_back功能
- 一次优化web项目的经历记录(三)
- AngularJS中的定时器,以及定时器的移除
- hdoj5805 NanoApe Loves Sequence && hdoj 5806 NanoApe Loves Sequence Ⅱ
- android studio R.java的path
- 2016.8.5 学习总结
- Linux桌面坏境小结
- 跨域访问
- HDU 3709 数位dp
- SGU101 Domino
- 九度OJ 1101 计算表达式