AngularJs轮询器写法

最新推荐文章于 2024-12-02 23:35:47 发布

weixin_30719711

最新推荐文章于 2024-12-02 23:35:47 发布

阅读量466

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/earl-yongchang/p/5520252.html

本文详细介绍了AngularJS中的$interval服务，该服务用于定时执行任务并自动调用$apply方法更新视图。文中通过实例展示了如何使用$interval来实现页面元素的定时更新，并演示了如何在控制器中取消$interval的执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$interval

$interval 是对原生setInterval的一种封装，它会在每次方法调用后自动的执行`$apply``
api是这样的：

1	$interval(fn, delay, [count], [invokeApply], [Pass]);

fn是目标方法

delay 是延迟时间,单位是毫秒

count 是一共循环多少次

invokeApply 是指是否调用$apply方法，默认true

Pass是方法运行是传的参数

对文章开始代码进行改写

app.controller('dataCtrl', function($scope, $http, $filter) {
 $scope.process = 0;
 $scope.visible = false;//
 var p = $interval(function() {
 if ($scope.process >= 100) {
 $scope.visible = false;
 }
 }, 500);
    // $interval.cancel(p); 取消
    // some code
}