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版代码高亮
Jun 26 Javascript
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
Nov 24 Javascript
js中通过父级进行查找定位元素
Jun 15 Javascript
JavaScript取得键盘按下方向键是哪个的方法
Aug 04 Javascript
Angular Js文件上传之form-data
Aug 28 Javascript
JS截取与分割字符串常用技巧总结
Nov 10 Javascript
微信小程序开发教程-手势解锁实例
Jan 06 Javascript
详解a++和++a的区别
Aug 30 Javascript
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
微信小程序实现默认第一个选中变色效果
Jul 17 Javascript
微信小程序简单的canvas裁剪图片功能详解
Jul 12 Javascript
vue中实现上传文件给后台实例详解
Aug 22 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
如何做到多笔资料的同步
2006/10/09 PHP
Linux环境下搭建php开发环境的操作步骤
2013/06/17 PHP
php中实现xml与mysql数据相互转换的方法
2014/12/25 PHP
PHP读取文件内容的五种方式
2015/12/28 PHP
必须收藏的php实用代码片段
2016/02/02 PHP
PHP面向对象程序设计之类与反射API详解
2016/12/02 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
jQuery 无刷新分页实例代码
2013/11/12 Javascript
js中对函数设置默认参数值的3种方法
2015/10/23 Javascript
javascript中Date对象应用之简易日历实现
2016/07/12 Javascript
AngularJS 自定义过滤器详解及实例代码
2016/09/14 Javascript
jquery获取easyui日期控件的值实现方法
2016/11/09 Javascript
BootStrap fileinput.js文件上传组件实例代码
2017/02/20 Javascript
vue中锚点的三种方法
2018/07/06 Javascript
vue如何根据网站路由判断页面主题色详解
2018/11/02 Javascript
Vue使用axios出现options请求方法
2019/05/30 Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
2020/01/21 Javascript
Django的信号机制详解
2017/05/05 Python
pandas 实现将重复表格去重,并重新转换为表格的方法
2018/04/18 Python
对python Tkinter Text的用法详解
2018/10/11 Python
Python设计模式之外观模式实例详解
2019/01/17 Python
只需7行Python代码玩转微信自动聊天
2019/01/27 Python
python高斯分布概率密度函数的使用详解
2019/07/10 Python
python中property属性的介绍及其应用详解
2019/08/29 Python
解决Python pip 自动更新升级失败的问题
2020/02/21 Python
pycharm 实现调试窗口恢复
2021/02/05 Python
领先的荷兰线上超市:荷兰之家Holland at Home(支持中文)
2021/01/21 全球购物
授权委托书范本
2014/04/03 职场文书
《李广射虎》教学反思
2014/04/27 职场文书
集体生日活动方案
2014/08/18 职场文书
写给女朋友的检讨书
2015/05/06 职场文书
西安事变观后感
2015/06/12 职场文书
2016秋季田径运动会广播稿
2015/12/21 职场文书
ubuntu下常用apt命令介绍
2022/06/05 Servers