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 相关文章推荐
jQuery选择器源码解读(七):elementMatcher函数
Mar 31 Javascript
JavaScript数组和循环详解
Apr 27 Javascript
使用 JavaScript 进行函数式编程 (一) 翻译
Oct 02 Javascript
jQuery动画效果实现图片无缝连续滚动
Jan 12 Javascript
JavaScript函数参数的传递方式详解
Mar 06 Javascript
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
May 02 Javascript
JS库之Particles.js中文开发手册及参数详解
Sep 13 Javascript
微信小程序城市选择及搜索功能的方法
Mar 22 Javascript
Vue-CLI项目中路由传参的方式详解
Sep 01 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
Aug 06 Javascript
JavaScript Array.flat()函数用法解析
Sep 02 Javascript
JavaScript中条件语句的优化技巧总结
Dec 04 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
Win2003下APACHE+PHP5+MYSQL4+PHPMYADMIN 的简易安装配置
2006/11/18 PHP
PHP的分页功能
2007/03/21 PHP
PHP实现的json类实例
2015/07/28 PHP
PHP中的静态变量及static静态变量使用详解
2015/11/05 PHP
详解php中的implements 使用
2017/06/13 PHP
php的扩展写法总结
2019/05/14 PHP
php框架知识点的整理和补充
2021/03/01 PHP
JavaScript 拾漏补遗
2009/12/27 Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
2011/01/06 Javascript
返回对象在当前级别中是第几个元素的实现代码
2011/01/20 Javascript
那些年,我还在学习jquery 学习笔记
2012/03/05 Javascript
jQuery表格排序组件-tablesorter使用示例
2014/05/26 Javascript
js交换排序 冒泡排序算法(Javascript版)
2014/10/04 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
2015/10/13 Javascript
JS事件添加和移出的兼容写法示例
2016/06/20 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
2020/04/23 Javascript
vue组件Prop传递数据的实现示例
2017/08/17 Javascript
vue.js 实现a标签href里添加参数
2019/11/12 Javascript
JavaScript实现拖拽效果
2020/03/16 Javascript
微信小程序自定义扫码功能界面的实现代码
2020/07/02 Javascript
原生js+canvas实现下雪效果
2020/08/02 Javascript
用python写的一个wordpress的采集程序
2016/02/27 Python
python中的随机函数小结
2018/01/27 Python
Python通用循环的构造方法实例分析
2018/12/19 Python
python利用Tesseract识别验证码的方法示例
2019/01/21 Python
python2.7实现复制大量文件及文件夹资料
2019/08/31 Python
大型会议接待方案
2014/03/01 职场文书
群众路线教育实践活动批评与自我批评
2014/09/15 职场文书
2014年远程教育工作总结
2014/12/09 职场文书
2015会计试用期工作总结
2014/12/12 职场文书
毕业实习指导教师评语
2014/12/31 职场文书
家长学校教学计划
2015/01/19 职场文书
2019餐饮行业创业计划书!
2019/06/27 职场文书
Canvas如何做个雪花屏版404的实现
2021/09/25 HTML / CSS
MySQL数据库必备之条件查询语句
2021/10/15 MySQL
拙作再改《我的收音机情缘》
2022/04/05 无线电