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 相关文章推荐
【消息提示组件】,兼容IE6/7&&FF2
Sep 04 Javascript
ASP Json Parser修正版
Dec 06 Javascript
JQuery实现点击div以外的位置隐藏该div窗口
Sep 13 Javascript
分享一则JavaScript滚动条插件源码
Mar 03 Javascript
JavaScript构造函数详解
Dec 27 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
移动端脚本框架Hammer.js
Dec 15 Javascript
jQuery+HTML5实现弹出创意搜索框层
Dec 29 Javascript
详解Angular 自定义结构指令
Jun 21 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
Aug 08 Javascript
Vue源码学习之初始化模块init.js解析
Nov 02 Javascript
深入理解Vue Computed计算属性原理
May 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
用PHP制作静态网站的模板框架(一)
2006/10/09 PHP
一个高ai的分页函数和一个url函数
2006/10/09 PHP
PHP中Date获取时间不正确怎么办
2008/06/05 PHP
PHP使用两个栈实现队列功能的方法
2018/01/15 PHP
PHP实现的获取文件mimes类型工具类示例
2018/04/08 PHP
php使用pthreads v3多线程实现抓取新浪新闻信息操作示例
2020/02/21 PHP
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
2013/04/24 Javascript
jquery数据验证插件(自制,简单,练手)实例代码
2013/10/24 Javascript
js分页代码分享
2014/04/28 Javascript
jQuery使用addClass()方法给元素添加多个class样式
2015/03/26 Javascript
谈谈PHP中相对路径的问题与绝对路径的使用
2016/08/16 Javascript
vue.js初学入门教程(1)
2016/11/03 Javascript
详解Angular调试技巧之报错404(not found)
2018/01/31 Javascript
Node.js Buffer模块功能及常用方法实例分析
2019/01/05 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
使用TS来编写express服务器的方法步骤
2020/10/29 Javascript
vue3.0+vue-router+element-plus初实践
2020/12/02 Vue.js
element el-table表格的二次封装实现(附表格高度自适应)
2021/01/19 Javascript
Python修改Excel数据的实例代码
2013/11/01 Python
Python中的Descriptor描述符学习教程
2016/06/02 Python
python与C互相调用的方法详解
2017/07/14 Python
用matplotlib画等高线图详解
2017/12/14 Python
pandas的object对象转时间对象的方法
2018/04/11 Python
Python Flask前后端Ajax交互的方法示例
2018/07/31 Python
浅析python的优势和不足之处
2018/11/20 Python
处理Selenium3+python3定位鼠标悬停才显示的元素
2019/07/31 Python
python3中calendar返回某一时间点实例讲解
2020/11/18 Python
python实现图像高斯金字塔的示例代码
2020/12/11 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
如何找出EMP表里面SALARY第N高的employee
2013/12/05 面试题
班组长安全工作职责
2014/07/15 职场文书
查摆问题对照检查材料
2014/08/28 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
雷锋电影观后感
2015/06/10 职场文书
2015年政治教研组工作总结
2015/07/22 职场文书
导游词之井冈山
2019/11/20 职场文书