AngularJS中$interval和$timeout的使用
我们在项目中会出现定时刷新,延迟加载等多种场景。
接下来就看$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);
浙公网安备 33010602011771号