AngularJS中$interval和$timeout的使用
程序员文章站
2022-07-06 15:41:12
...
我们在项目中会出现定时刷新,延迟加载等多种场景。
接下来就看$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);
上一篇: SQL Server数据类型的介绍
下一篇: 详解XPath选择器