AngularJS定时器的使用与移除操作方法【interval与timeout】
本文实例讲述了AngularJS定时器的使用与移除操作方法。分享给大家供大家参考，具体如下：
1.相比较于JS中setTimeInterval和setTimeout，AngularJS中通过interval来实现定时器的效果，通过timeout来实现时间延迟。
$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中，特别是在页面切换或者说是路由切换的时候，我们需要移除响应的定时器，我们可以通过on方法，监听路由切换时间。当DOM结构发生变化时，会执行on方法：
$scope.$on('destroy',function(){
$interval.cancel($scope.timer);
}) //在控制器里，添加$on函数
更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
-
Interval 创建一个按固定时间间隔发射整数序列的Observable Interval操作符返回一个Observable，它按固定的时间间隔发射一个无限递增的整数序列。 RxJava将这个操作符实现为interval方法。它接受一个表示时间间隔的参数和一个表示时间单位的参数。 Javadoc: interval(long,TimeUnit)) Javadoc: interval(long,T
-
本文向大家介绍angularjs定时任务的设置与清除示例，包括了angularjs定时任务的设置与清除示例的使用技巧和注意事项，需要的朋友参考一下 人们似乎常常将AngularJS中的$timeOut() $interval()函数看做是一个内置的、无须在意的函数。但是，如果你忘记了$timeOut()$interval()的回调函数将会造成非常不好的影响，你可能会因此遇到代码莫名其妙的出现问题
-
本文向大家介绍java<<、>>、>>>移位操作方法，包括了java<<、>>、>>>移位操作方法的使用技巧和注意事项，需要的朋友参考一下 <<，有符号左移位，将运算数的二进制整体左移指定位数，低位用0补齐。 以上是正整数，运算结果如下。 接下来看看将负数进行左移2位操作是什么情况，运算结果如下。 为什么会-10的二进制会出现这么多的1呢？仔细数一下刚好有32位。首先需要了解的是Java负数存储是
-
本文向大家介绍php操作redis常见方法示例【key与value操作】，包括了php操作redis常见方法示例【key与value操作】的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了php操作redis常见方法。分享给大家供大家参考，具体如下： 关于key的操作： 1、获取所有key，不包括值； 2、获取一个或多个key的值，【不限制数据类型】； 3、设置指定key的生命周期； 4、获
-
本文向大家介绍详解MongoDB中创建集合与删除集合的操作方法，包括了详解MongoDB中创建集合与删除集合的操作方法的使用技巧和注意事项，需要的朋友参考一下 创建集合：createCollection() 方法 是用来创建集合. 语法: 基本的 createCollection() 命令语法如下： 在命令中, name 是要创建的集合的名称. Options 是一个文件，用于指定配置的集合 参
-
问题内容： 我一直在一些存储库中使用自定义操作。到目前为止，我只需要指定url和方法。 例如： 但是随后，我不得不编写一个自定义操作，该操作不包含一个，而是两个路径参数： 所以我首先将其编码为： 但这是行不通的。参数未传递。 经过几次尝试，我发现在自定义操作定义之前添加一些参数定义可以正常工作。 它必须像： 请注意以下情况： 当时我的理解是，在$ resource定义中，具有多个路径参数的自定义操