AngularJS中$interval和$timeout的使用

阅读更多

我们在项目中会出现定时刷新，延迟加载等多种场景。
接下来就看$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);