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 相关文章推荐
JavaScript中SQL语句的应用实现
May 04 Javascript
jquery模拟按下回车实现代码
Sep 20 Javascript
javascript面向对象入门基础详细介绍
Sep 05 Javascript
当达到输入长度时表单自动切换焦点
Apr 06 Javascript
Javascript WebSocket使用实例介绍(简明入门教程)
Apr 16 Javascript
AngualrJS中每次$http请求时的一个遮罩层Directive
Jan 26 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
Sep 26 Javascript
react-router JS 控制路由跳转实例
Jun 15 Javascript
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
Sep 15 Javascript
使用Jenkins部署React项目的方法步骤
Mar 11 Javascript
微信小程序用户授权、位置授权及获取微信绑定手机号
Jul 18 Javascript
Postman如何实现参数化执行及断言处理
Jul 28 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
PHP生成网页快照 不用COM不用扩展.
2010/02/11 PHP
排序算法之PHP版快速排序、冒泡排序
2014/04/09 PHP
一个严格的PHP Session会话超时时间设置方法
2014/06/10 PHP
Javascript实例教程(19) 使用HoTMetal(2)
2006/12/23 Javascript
js 中{},[]中括号,大括号使用详解
2011/05/12 Javascript
使用jQuery操作Cookies的实现代码
2011/10/09 Javascript
js实现的动画导航菜单效果代码
2015/09/10 Javascript
javascript显示倒计时控制按钮的简单实现
2016/06/07 Javascript
JS实现的RGB网页颜色在线取色器完整实例
2016/12/21 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
2016/12/22 Javascript
vue .js绑定checkbox并获取、改变选中状态的实例
2018/08/24 Javascript
express 项目分层实践详解
2018/12/10 Javascript
JS为什么说async/await是generator的语法糖详解
2019/07/11 Javascript
vue 源码解析之虚拟Dom-render
2019/08/26 Javascript
[03:57]DOTA2英雄梦之声_第03期_幻影刺客
2014/06/21 DOTA
[46:32]Fnatic vs OG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python中用Descriptor实现类级属性(Property)详解
2014/09/18 Python
pymssql数据库操作MSSQL2005实例分析
2015/05/25 Python
Python中利用Scipy包的SIFT方法进行图片识别的实例教程
2016/06/03 Python
python代码 if not x: 和 if x is not None: 和 if not x is None:使用介绍
2016/09/21 Python
Django admin实现图书管理系统菜鸟级教程完整实例
2017/12/12 Python
python如何让类支持比较运算
2018/03/20 Python
python保存网页图片到本地的方法
2018/07/24 Python
Pycharm 2020年最新激活码(亲测有效)
2020/09/18 Python
Python logging日志库空间不足问题解决
2020/09/14 Python
详解CSS中iconfont的使用
2015/08/04 HTML / CSS
探讨HTML5移动开发的几大特性(必看)
2015/12/30 HTML / CSS
Hunkemöller瑞士网上商店:欧洲最大的内衣品牌之一
2018/12/03 全球购物
下面这个程序执行后会有什么错误或者效果
2014/11/03 面试题
光信息科学与技术专业职业生涯规划
2014/03/13 职场文书
2014第二批党员干部对照“四风”找差距检查材料思想汇报
2014/09/18 职场文书
医院领导班子四风问题对照检查材料
2014/10/26 职场文书
交通事故一次性赔偿协议书范本
2014/11/02 职场文书
2016年母亲节寄语
2015/12/04 职场文书
Python趣味爬虫之用Python实现智慧校园一键评教
2021/05/28 Python