欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

AngularJS中$interval和$timeout的使用

程序员文章站 2022-07-06 15:41:12
...
我们在项目中会出现定时刷新,延迟加载等多种场景。
接下来就看$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);