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 获取json数据实现代码
Apr 27 Javascript
学习ExtJS fit布局使用说明
Oct 08 Javascript
一段实现页面上的图片延时加载的js代码
Feb 11 Javascript
一个简单的js动画效果代码
Jul 20 Javascript
JavaScript初学者应注意的七个细节详细介绍
Dec 27 Javascript
ExtJS4 表格的嵌套 rowExpander应用
May 02 Javascript
javascript冒泡排序小结
Apr 10 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
May 13 Javascript
Bootstrap源码解读表单(2)
Dec 22 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
Feb 27 Javascript
vue绑定数字类型 value为数字的实例
Aug 31 Javascript
JS中队列和双端队列实现及应用详解
Sep 29 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
后宫无数却洁身自好的男主,唐三只爱小舞
2020/03/02 国漫
php将时间差转换为字符串提示
2011/09/07 PHP
慎用preg_replace危险的/e修饰符(一句话后门常用)
2013/06/19 PHP
2个Codeigniter文件批量上传控制器写法例子
2014/07/25 PHP
javascript some()函数用法详解
2014/11/13 PHP
PHP7.0版本备注
2015/07/23 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
PHP实现登陆并抓取微信列表中最新一组微信消息的方法
2017/07/10 PHP
PHP实现的简单路由和类自动加载功能
2018/03/13 PHP
PHP字符串和十六进制如何实现互相转换
2020/07/16 PHP
jQuery 研究心得 取得属性的值
2007/11/30 Javascript
jQuery EasyUI API 中文文档 - Menu菜单
2011/10/03 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
2013/02/01 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
2014/01/26 Javascript
javascript教程:关于if简写语句优化的方法
2014/05/17 Javascript
node.js中的fs.open方法使用说明
2014/12/17 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
JS动态创建元素的两种方法
2016/04/20 Javascript
jQuery弹出层插件popShow(改进版)用法示例
2017/01/23 Javascript
JS复制对应id的内容到粘贴板(Ctrl+C效果)
2017/01/23 Javascript
axios拦截设置和错误处理方法
2018/03/05 Javascript
在Vue中使用this.$store或者是$route一直报错的解决
2019/11/08 Javascript
通过实例了解JS执行上下文运行原理
2020/06/17 Javascript
[37:23]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第二局
2016/03/04 DOTA
使用Python中的greenlet包实现并发编程的入门教程
2015/04/16 Python
python分割列表(list)的方法示例
2017/05/07 Python
Python一键安装全部依赖包的方法
2019/08/12 Python
python中的itertools的使用详解
2020/01/13 Python
Python 打印自己设计的字体的实例讲解
2021/01/04 Python
Myprotein台湾官方网站:全球领先的运动营养品牌
2018/12/10 全球购物
2014教育局对照检查材料思想汇报
2014/09/23 职场文书
圣诞晚会主持词
2015/07/01 职场文书
2015年幼儿园师德师风建设工作总结
2015/10/23 职场文书
小学英语课教学反思
2016/02/15 职场文书
vue 自定义组件添加原生事件
2022/04/21 Vue.js