AngularJS中$interval和$timeout的使用
程序员文章站
2022-06-12 09:55:49
...
我们在项目中会出现定时刷新,延迟加载等多种场景。
接下来就看$interval和$timeout的使用
$interval可用于定时任务,我们只需在controller注入$interval即可使用.下面是每十秒钟执行一次alert()函数。
我们可以定义该函数的执行次数,如下执行三次就不再执行
我们还可以终止该定时器的执行,如下
$timeout用于延迟加载用于比较简单,如下延迟1秒加载;
接下来就看$interval和$timeout的使用
$interval可用于定时任务,我们只需在controller注入$interval即可使用.下面是每十秒钟执行一次alert()函数。
app.controller("ctrl", function($scope,$timeout,$interval) { $interval(function(){ alert("545") },10000); });
我们可以定义该函数的执行次数,如下执行三次就不再执行
app.controller("ctrl", function($scope,$timeout,$interval) { $scope.exe=$interval(function(){ alert("545") },10000,3); });
我们还可以终止该定时器的执行,如下
$interval.cancel($scope.exe)
$timeout用于延迟加载用于比较简单,如下延迟1秒加载;
$timeout(function() { alert("454"); }, 1000);
推荐阅读
-
详解Linux中PostgreSQL和PostGIS的安装和使用
-
详解java中的深拷贝和浅拷贝(clone()方法的重写、使用序列化实现真正的深拷贝)
-
对python中的argv和argc使用详解
-
mantis安装、配置和使用中的问题小结
-
Word2000和Word2002中的宏在Office Word 2003中的使用
-
MyBatis中XML和注解的对比及使用
-
AngularJS的依赖注入实例分析(使用module和injector)
-
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
-
SQL2005中char nchar varchar nvarchar数据类型的区别和使用环境讲解
-
Shell中set与shopt命令选项的含义和使用示例