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 相关文章推荐
List the Stored Procedures in a SQL Server database
Jun 20 Javascript
js里怎么取select标签里的值并修改
Dec 10 Javascript
javascript中sort()的用法实例分析
Jan 30 Javascript
浅谈JavaScript 的执行顺序
Aug 07 Javascript
EditPlus 正则表达式 实战(3)
Dec 15 Javascript
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 jQuery
jQuery实现checkbox全选功能完整实例
Jul 12 jQuery
微信小程序页面传多个参数跳转页面的实现方法
May 17 Javascript
vue前后分离调起微信支付
Jul 29 Javascript
对layui中table组件工具栏的使用详解
Sep 19 Javascript
JS实现多功能计算器
Oct 28 Javascript
ES6中的Javascript解构的实现
Oct 30 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+DBM的同学录程序(5)
2006/10/09 PHP
实现了一个PHP5的getter/setter基类的代码
2007/02/25 PHP
php图片加水印原理(超简单的实例代码)
2013/01/18 PHP
PHP递归算法的详细示例分析
2013/02/19 PHP
使用PHP导出Word文档的原理和实例
2013/10/21 PHP
递归删除一个节点以及该节点下的所有节点示例
2014/03/19 PHP
php的闭包(Closure)匿名函数详解
2015/02/22 PHP
学习PHP的数组总结【经验】
2016/05/05 PHP
PHP使用curl制作简易百度搜索
2016/11/03 PHP
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
2010/01/05 Javascript
js调试工具Console命令详解
2014/10/21 Javascript
window.location.reload 刷新使用分析(去对话框)
2015/11/11 Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
2016/09/08 Javascript
dul无法加载bootstrap实现unload table/user恢复
2016/09/29 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
2017/09/16 Javascript
微信小程序中进行地图导航功能的实现方法
2018/06/29 Javascript
Vue项目中添加锁屏功能实现思路
2018/06/29 Javascript
JavaScript中concat复制数组方法浅析
2019/01/20 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
2019/12/06 Javascript
一行JavaScript代码如何实现瀑布流布局
2020/12/11 Javascript
[01:08:48]LGD vs OG 2018国际邀请赛淘汰赛BO3 第三场 8.25
2018/08/29 DOTA
python各种语言间时间的转化实现代码
2016/03/23 Python
Python 性能优化技巧总结
2016/11/01 Python
Django中Model的使用方法教程
2018/03/07 Python
Python运维开发之psutil库的使用详解
2018/10/18 Python
Python使用ctypes调用C/C++的方法
2019/01/29 Python
Pyqt5 实现跳转界面并关闭当前界面的方法
2019/06/19 Python
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
Bulk Powders意大利:运动补充在线商店
2019/02/09 全球购物
Hibernate持久层技术
2013/12/16 面试题
个人教师自我评价范文
2013/12/02 职场文书
生产车间班组长岗位职责
2014/01/06 职场文书
护理学院专科毕业生求职信
2014/06/28 职场文书
2015年中秋节演讲稿
2015/03/20 职场文书
师德培训心得体会2016
2016/01/09 职场文书
python 如何在 Matplotlib 中绘制垂直线
2021/04/02 Python