AngularJS中$interval的用法详解


Posted in Javascript onFebruary 02, 2016

在AngularJS中$interval用来处理间歇性处理一些事情。

最常用的是:

var app = angular.module("app",[]);
app.controller("AppCtrl", function($q. $interval){
var timer = $interval(function(){
},100);
timer.then(success);
function success(){
console.log("done");
}
})

以上,每隔100毫秒就做一件事,所有都昨晚在调用then函数。也就是,$interval提供回调函数。

是否可以控制做事的次数呢?

--可以的。
var timer = $interval(function(){},100,10);

以上,最后一个实参10就是限制次数。

回调函数除了在所有事情结束后调用,还有什么其它回调函数?

--有的,还包括每次调用事件时的回调函数,和出现错误时的回调函数。

var timer = $interval(function(){},100, 10);
timer.then(success, error, notify);
function success(){
console.log("done");
}
function error(){
console.log("error");
}
function notify(){
console.log("每次都更新");
}

是否可以取消$interval服务呢?

--通过$interval.cancle(timer);
var timer = $interval(function(){},100, 10);
this.cancel = function(){
$interval.cancel(timer);
}

以上所述是针对AngularJS中$interval的用法做的详解,希望对大家有所帮助。

Javascript 相关文章推荐
jquery获取table中的某行全部td的内容方法
Mar 08 Javascript
jquery链式操作的正确使用方法
Jan 06 Javascript
学习Bootstrap组件之下拉菜单
Jul 28 Javascript
jQuery设置Easyui校验规则(推荐)
Nov 21 Javascript
ECMAScript6 新特性范例大全
Mar 24 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
vue路由拦截及页面跳转的设置方法
May 24 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
Sep 18 Javascript
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
Nov 20 Javascript
在node中使用jwt签发与验证token的方法
Apr 03 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
Jun 19 Javascript
vue中jsonp插件的使用方法示例
Sep 10 Javascript
AngularJS中处理多个promise的方式
Feb 02 #Javascript
AngularJS数据源的多种获取方式汇总
Feb 02 #Javascript
多种JQuery循环滚动文字图片效果代码
Jun 23 #Javascript
三种AngularJS中获取数据源的方式
Feb 02 #Javascript
原生JS实现拖拽图片效果
Aug 27 #Javascript
基于jquery实现下拉框美化特效
Feb 02 #Javascript
AngularJS自动表单验证
Feb 01 #Javascript
You might like
测试PHP连接MYSQL成功与否的代码
2013/08/16 PHP
php生成缩略图示例代码分享(使用gd库实现)
2014/01/20 PHP
kohana框架上传文件验证规则写法示例
2014/07/14 PHP
php基于Fleaphp框架实现cvs数据导入MySQL的方法
2016/02/23 PHP
获取Javscript执行函数名称的方法
2006/12/22 Javascript
jquery表单验证使用插件formValidator
2012/11/10 Javascript
javascript回车完美实现tab切换功能
2014/03/13 Javascript
判断iframe里的页面是否加载完成
2014/06/06 Javascript
WEB 前端开发中防治重复提交的实现方法
2016/10/26 Javascript
写给小白看的JavaScript异步
2017/11/29 Javascript
浅谈webpack组织模块的原理
2018/03/10 Javascript
Vue实现导出excel表格功能
2018/03/30 Javascript
10分钟上手vue-cli 3.0 入门介绍
2018/04/04 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
2018/07/03 Javascript
vue用递归组件写树形控件的实例代码
2018/07/19 Javascript
VUE中使用MUI方法
2019/02/12 Javascript
详解基于iview-ui的导航栏路径(面包屑)配置
2019/02/22 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
[01:09]DOTA2次级职业联赛 - 99战队宣传片
2014/12/01 DOTA
在Python下利用OpenCV来旋转图像的教程
2015/04/16 Python
python使用正则表达式提取网页URL的方法
2015/05/26 Python
Python多进程库multiprocessing中进程池Pool类的使用详解
2017/11/24 Python
windows下python和pip安装教程
2018/05/25 Python
tensorflow 加载部分变量的实例讲解
2018/07/27 Python
Python参数解析模块sys、getopt、argparse使用与对比分析
2019/04/02 Python
pytorch实现focal loss的两种方式小结
2020/01/02 Python
pycharm下配置pyqt5的教程(anaconda虚拟环境下+tensorflow)
2020/03/25 Python
《春晓》教学反思
2014/04/20 职场文书
产品推广策划方案
2014/05/10 职场文书
数据保密承诺书
2014/06/03 职场文书
英语教育专业毕业生求职信
2014/08/28 职场文书
安全月宣传标语
2014/10/07 职场文书
销售经理岗位职责
2015/01/31 职场文书
酒店宣传语大全
2015/07/13 职场文书
职工宿舍管理制度
2015/08/05 职场文书
golang 定时任务方面time.Sleep和time.Tick的优劣对比分析
2021/05/05 Golang