AngularJS中$interval的用法详解
作者:bea
在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");}}) 以上,每隔1
在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的用法做的详解,希望对大家有所帮助。
猜你喜欢
您可能感兴趣的文章:
- jQuery AjaxUpload 上传图片代码
- js+html5操作sqlite数据库的方法
- 详解Webwork中Action 调用的方法
- JavaScript File API文件上传预览
- javascript绘制漂亮的心型线效果完整实例
- Webwork 实现文件上传下载代码详解
- javascript自动切换焦点控制效果完整实例
- 原生js实现图片层叠轮播切换效果
- Javascript实现的SHA-256加密算法完整实例
- JavaScript实现的SHA-1加密算法完整实例
- javascript实现瀑布流加载图片原理
- 基于JQuery实现图片轮播效果(焦点图)
- Hammer.js+轮播原理实现简洁的滑屏功能
- JavaScript实现的MD5算法完整实例
- javascript禁止超链接跳转的方法
- JS组件Bootstrap Table使用方法详解
- Node.js实现JS文件合并小工具
- 体验jQuery和AngularJS的不同点及AngularJS的迷人之处
- JavaScript通过代码调用Flash显示的方法