AngularJS中$interval的用法详解

 更新时间:2016年02月02日 09:24:03   投稿:mrr  
在AngularJS中$interval用来处理间歇性处理一些事情,接下来通过本文给大家介绍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");
}
}) 

以上,每隔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的用法做的详解,希望对大家有所帮助。

相关文章

  • AngularJS自动表单验证

    AngularJS自动表单验证

    这篇文章主要介绍了AngularJS手动表单验证的相关资料,AngularJS的表单验证大致有两种,一种是手动验证,一种是自动验证,本文重点介绍AngularJS自动表单验证,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • AngularJS实现动态切换样式的方法分析

    AngularJS实现动态切换样式的方法分析

    这篇文章主要介绍了AngularJS实现动态切换样式的方法,结合实例形式分析了AngularJS事件响应与样式动态控制相关操作技巧,需要的朋友可以参考下
    2018-06-06
  • AngularJS实现的生成随机数与猜数字大小功能示例

    AngularJS实现的生成随机数与猜数字大小功能示例

    这篇文章主要介绍了AngularJS实现的生成随机数与猜数字大小功能,结合完整实例形式分析了AngularJS随机数生成与数值判定相关操作技巧,需要的朋友可以参考下
    2017-12-12
  • angular $watch 一个变量的变化(实例讲解)

    angular $watch 一个变量的变化(实例讲解)

    下面小编就为大家带来一篇angular $watch 一个变量的变化(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • Angular5中状态管理的实现

    Angular5中状态管理的实现

    这篇文章主要介绍了Angular5中状态管理的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • AngularJS的内置过滤器详解

    AngularJS的内置过滤器详解

    在我们开发中经常需要在页面显示给用户的信息需要一定处理格式化,才能显示给用户。在angularjs中为我们提供了叫filter的指令,让我们能够很轻易就能做到着一些列的功能,angularjs内部为我们提供了number等很多内置的filter。
    2015-05-05
  • AngularJS ngModel实现指令与输入直接的数据通信

    AngularJS ngModel实现指令与输入直接的数据通信

    这篇文章主要介绍了AngularJS ngModel实现指令与输入直接的数据通信的相关资料,需要的朋友可以参考下
    2016-09-09
  • 使用AngularJS 跨站请求如何解决jsonp请求问题

    使用AngularJS 跨站请求如何解决jsonp请求问题

    这篇文章主要介绍了使用AngularJS 跨站请求如何解决jsonp请求问题,下面通过本文给大家分享解决办法,需要的朋友参考下
    2017-01-01
  • AngularJS中下拉框的基本用法示例

    AngularJS中下拉框的基本用法示例

    这篇文章主要介绍了AngularJS中下拉框的基本用法,结合具体实例形式分析了AngularJS下拉框的元素绑定、选中及显示等功能实现方法,需要的朋友可以参考下
    2017-10-10
  • Angular指令之restict匹配模式的详解

    Angular指令之restict匹配模式的详解

    这篇文章主要介绍了Angular指令之restict匹配模式的详解的相关资料,这里对Angularjs 中restict匹配模式进行详解并列举了四种模式进行比较,需要的朋友可以参考下
    2017-07-07

最新评论