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模拟实现Array的sort方法
Dec 11 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
Mar 04 Javascript
分享10个优化代码的CSS和JavaScript工具
May 11 Javascript
JavaScript中函数声明与函数表达式的区别详解
Aug 18 Javascript
AngularJS API之copy深拷贝详解及实例
Sep 14 Javascript
JavaScript操作文件_动力节点Java学院整理
Jun 30 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
Dec 20 Javascript
微信小程序实现YDUI的ScrollTab组件
Feb 02 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
Sep 27 Javascript
js中Generator函数的深入讲解
Apr 07 Javascript
优雅地使用loading(推荐)
Apr 20 Javascript
小程序中设置缓存过期的实现方法
Jan 14 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实现将字符串按照指定距离进行分割的方法
2015/03/14 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
初学JavaScript第二章
2008/09/30 Javascript
JavaScript中的return语句简单介绍
2015/12/07 Javascript
老生常谈遮罩层 滚动条的问题
2016/04/29 Javascript
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
2016/05/13 Javascript
JavaScript中的Number数字类型学习笔记
2016/05/26 Javascript
JS中常用的输出方式(五种)
2016/06/12 Javascript
XMLHttpRequest Level 2 使用指南
2016/08/26 Javascript
利用jQuery对无序列表排序的简单方法
2016/10/16 Javascript
基于jquery实现的银行卡号每隔4位自动插入空格的实现代码
2016/11/22 Javascript
JS判断数组那点事
2017/10/10 Javascript
初学者AngularJS的环境搭建过程
2017/10/27 Javascript
Angular PWA使用的Demo示例
2019/01/31 Javascript
Vue使用Element实现增删改查+打包的步骤
2020/11/25 Vue.js
[02:42]完美大师赛主赛事淘汰赛第三日观众采访
2017/11/25 DOTA
解决谷歌搜索技术文章时打不开网页问题的python脚本
2013/02/10 Python
爬山算法简介和Python实现实例
2014/04/26 Python
Python用Bottle轻量级框架进行Web开发
2016/06/08 Python
python实现人民币大写转换
2018/06/20 Python
Python图像处理之图像的缩放、旋转与翻转实现方法示例
2019/01/04 Python
Python redis操作实例分析【连接、管道、发布和订阅等】
2019/05/16 Python
Python获取时间范围内日期列表和周列表的函数
2019/08/05 Python
python操作cfg配置文件方式
2019/12/22 Python
Python semaphore evevt生产者消费者模型原理解析
2020/03/18 Python
python中time包实例详解
2021/02/02 Python
基于CSS3实现的几个小loading效果
2018/09/27 HTML / CSS
Tenstickers法国:墙贴和装饰贴纸
2019/08/26 全球购物
介绍一下内联、左联、右联
2013/12/31 面试题
公司股权转让协议书
2014/04/12 职场文书
教师批评与自我批评心得体会
2014/10/16 职场文书
2014年质量管理工作总结
2014/12/01 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
2015年幼儿园班主任工作总结
2015/05/12 职场文书
小学生作文之《压岁钱的烦恼》
2019/09/27 职场文书
详解Apache SkyWalking 告警配置指南
2021/04/22 Servers