Angular - - $interval 和 $timeout
$interval
window.setInterval的Angular包装形式。Fn是每次延迟时间后被执行的函数。
间隔函数的返回值是一个承诺。这个承诺将在每个间隔刻度被通知,并且到达规定迭代次数后被取消,如果迭代次数未定义,则无限制的执行。通知的值将是运行的迭代次数。取消一个间隔,调用$intreval.cancel(promise)。
备注:当你执行完这项服务后应该把它销毁。特别是当controller或者directive元素被销毁时而$interval未被销毁。你应该考虑到在适当的时候取消interval事件。
使用:$interval(fn,delay,[count],[invokeApply],[Pass]);
fn:一个将被反复执行的函数。
delay:每次调用的间隔毫秒数值。
count:循环次数的数值,如果没设置,则无限制循环。
invokeApply:如果设置为false,则避开脏值检查,否则将调用$apply。
Pass:函数的附加参数。
方法:
cancel(promise);
取消与承诺相关联的任务。
promise:$interval函数的返回值。
使用代码:
(function () {
angular.module("Demo", [])
.controller("testCtrl",["$interval",testCtrl]);
function testCtrl($interval){
var toDo = function () {
console.log("Hello World");
};
$interval(toDo, 3000, 10);
};
}());
$timeout
window.setTimeout的Angular包装形式。Fn函数包装成一个try/catch块,代表$exceptionHandler服务里的任何异常。
timeout函数的返回值是一个promise,当到达设置的超时时间时,这个承诺将被解决,并执行timeout函数。
需要取消timeout,需要调用$timeout.cancel(promise);
使用: $timeout(fn,[delay],[invokeApply]);
fn:一个将被延迟执行的函数。
delay:延迟的时间(毫秒)。
invokeApply:如果设置为false,则跳过脏值检测,否则将调用$apply。
方法:
cancel(promise);
取消与承诺相关联的任务。这个的结果是,承诺将被以摒弃方式来解决。
promise:$timeout函数返回的承诺。
(function () {
angular.module("Demo", [])
.controller("testCtrl",["$timeout",testCtrl]);
function testCtrl($timeout){
var toDo = function () {
console.log("Hello World");
};
$timeout(toDo,5000)
};
}());
大致使用方法可以和原生js的setInterval和setTimeout那样使用,一些使用小技巧可以用在浏览器单线程的事件执行方面...
最新文章
- 'telnet' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
- zepto - toggleClass
- Oracle数据库,数字强制显示2位小数(转)
- angularjs 指令(directive)详解(1)
- 二十四种设计模式:装饰模式(Decorator Pattern)
- hdu 4593 Robot
- 沈逸老师PHP魔鬼特训笔记(3)
- npm安装插件提示
- 一入python深似海--dict(字典)的一种实现
- Java文件合并
- c#基础语言编程-文件流操作
- [转] git修改author
- python 画正弦曲线
- iOS提交AppStore后申请加急审核(转)
- Wireshark入门与进阶---数据包捕获与保存的最基本流程
- 递归——CPS(二)
- 2.13.2. 对结果集进行筛选(Core Data 应用程序实践指南)
- 转 Web用户的身份验证及WebApi权限验证流程的设计和实现
- bzoj4490 随机数生成器Ⅱ加强版
- webpack工程搭建
热门文章
- 12C 连接方式和 Oracle Easy Connect Naming method
- HQL中左连接,右连接,内连接
- 开心的金明<;0-1背包>;
- mysql查询数据库约束
- PAT (Advanced Level) 1075. PAT Judge (25)
- Java中常用Cache机制的实现
- jar2exe 配置jre
- Cocos2dx 学习笔记整理----开发环境搭建
- openstack controller ha测试环境搭建记录(四)——配置mysql数据库集群
- 转载:ionic+nodejs开发遇到的跨域和post请求数据问题