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 相关文章推荐
分享别人写的一个小型js框架
Aug 13 Javascript
js 通用javascript函数库整理
Aug 14 Javascript
css transform 3D幻灯片特效实现步骤解读
Mar 27 Javascript
JavaScript中使用document.write向页面输出内容实例
Oct 16 Javascript
基于jquery实现发送文章到手机的代码
Dec 26 Javascript
jQuery插件kinMaxShow扩展效果用法实例
May 04 Javascript
jQuery 3.0 的变化及使用方法
Feb 01 Javascript
jquery文字填写自动高度的实现方法
Nov 07 Javascript
js点击任意区域弹出层消失实现代码
Dec 27 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
May 12 Javascript
Vue下拉框回显并默认选中随机问题
Sep 06 Javascript
vue微信分享的实现(在当前页面分享其他页面)
Apr 16 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 explode()函数用法、切分字符串
2012/10/03 PHP
Javascript模块化编程(三)require.js的用法及功能介绍
2013/01/17 Javascript
js工具方法弹出蒙版
2013/05/08 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
2014/03/21 Javascript
javascript中函数作为参数调用的方法
2015/02/09 Javascript
JavaScript常用脚本汇总(三)
2015/03/04 Javascript
javascript实现动态导入js与css等静态资源文件的方法
2015/07/25 Javascript
日常收集整理的JavaScript常用函数方法
2015/12/10 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
2016/05/20 Javascript
第八篇Bootstrap下拉菜单实例代码
2016/06/21 Javascript
Bootstrap表格制作代码
2017/03/17 Javascript
基于vuejs实现一个todolist项目
2017/04/11 Javascript
Angular实现预加载延迟模块的示例
2017/10/12 Javascript
微信小程序实现导航栏选项卡效果
2020/06/19 Javascript
值得收藏的八个常用的js正则表达式
2018/10/19 Javascript
利用Electron简单撸一个Markdown编辑器的方法
2019/06/10 Javascript
js设计模式之单例模式原理与用法详解
2019/08/15 Javascript
node 解析图片二维码的内容代码实例
2019/09/11 Javascript
p5.js码绘“跳动的小正方形”的实现代码
2019/10/22 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
2020/11/06 Javascript
vue+Element-ui实现登录注册表单
2020/11/17 Javascript
Python通过DOM和SAX方式解析XML的应用实例分享
2015/11/16 Python
Python生成一个迭代器的实操方法
2019/06/18 Python
Python Collatz序列实现过程解析
2019/10/12 Python
如何利用Python 进行边缘检测
2020/10/14 Python
python re.match()用法相关示例
2021/01/27 Python
Wiggle中国:英国骑行、跑步、游泳 & 铁三运动装备专卖网店
2016/08/02 全球购物
伦敦平价潮流珠宝首饰品牌:Astrid & Miyu
2016/10/10 全球购物
SheIn俄罗斯:时尚女装网上商店
2017/02/28 全球购物
关于.NET, HTML的五个问题
2012/08/29 面试题
社区志愿者心得体会
2014/01/03 职场文书
2014年团委工作总结
2014/11/13 职场文书
劳动纠纷调解协议书格式
2014/11/30 职场文书
大学生个人简历自荐信
2015/03/06 职场文书
党员转正意见怎么写
2015/06/03 职场文书
详解Mysq MVCC多版本的并发控制
2022/04/29 MySQL