• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >AngularJS > AngularJS中$interval的用法详解

AngularJS中$interval的用法详解

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-30

本文主要包含AngularJS中$interval的用法详解等相关知识,希望在学习及工作中可以帮助到您

在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");
}
}) 
</div>

以上,每隔100毫秒就做一件事,所有都昨晚在调用then函数。也就是,$interval提供回调函数。

是否可以控制做事的次数呢?

--可以的。
var timer = $interval(function(){},100,10);

</div>

以上,最后一个实参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("每次都更新");
}
</div>

是否可以取消$interval服务呢?

--通过$interval.cancle(timer);
var timer = $interval(function(){},100, 10);
this.cancel = function(){
$interval.cancel(timer);
}
</div>

以上所述是针对AngularJS中$interval的用法做的详解,希望对大家有所帮助。

</div>

您可能想查找下面的文章:

相关文章

  • 2017-05-30AngularJS中实现动画效果的方法
  • 2017-05-30AngularJs Dependency Injection(DI,依赖注入)
  • 2017-05-30AngularJS入门教程之双向绑定详解
  • 2017-05-30angularjs学习笔记之双向数据绑定
  • 2017-05-30angularjs 处理多个异步请求方法汇总
  • 2017-05-30AngularJS中$http服务常用的应用及参数
  • 2017-05-30angular 基于ng-messages的表单验证实例
  • 2017-05-30在JavaScript的AngularJS库中进行单元测试的方法
  • 2017-05-30AngularJS学习第二篇 AngularJS依赖注入
  • 2017-05-30AngularJS 执行流程详细介绍

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • AngularJS创建自定义指令的方法详解
    • 使用AngularJS对路由进行安全性处理的方法
    • 详解AngularJS中的依赖注入机制
    • angularjs中的$eval方法详解
    • Angularjs使用ng-repeat中$even和$odd属性的注意事项
    • Angular的模块化(代码分享)
    • AngularJS入门教程之AngularJS指令
    • AngularJS 过滤器的简单实例
    • SeaJS 与 RequireJS 的差异对比
    • angularjs 源码解析之scope

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有