亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

AngularJS定時(shí)器的使用與移除操作方法【interval與timeout】

 更新時(shí)間：2016年12月14日 10:26:07   作者：小小小小小亮  
這篇文章主要介紹了AngularJS定時(shí)器的使用與移除操作方法,結(jié)合實(shí)例形式分析了AngularJS中interval與timeout方法的相關(guān)使用技巧,需要的朋友可以參考下

本文實(shí)例講述了AngularJS定時(shí)器的使用與移除操作方法。分享給大家供大家參考，具體如下：

1.相比較于JS中setTimeInterval和setTimeout，AngularJS中通過interval來實(shí)現(xiàn)定時(shí)器的效果，通過timeout來實(shí)現(xiàn)時(shí)間延遲。

$timeout //實(shí)現(xiàn)的是延遲執(zhí)行
$interval //實(shí)現(xiàn)的是定時(shí)器的效果

我們分別來看這兩個(gè)服務(wù)

（1）timeout

timeout相當(dāng)于JS原生里面的延遲執(zhí)行，不同的是該服務(wù)的函數(shù)返回的是一個(gè)promise對(duì)象。

var timer=$timeout(function(){
   console.log('hello world')
},2000);  //該函數(shù)延遲2秒執(zhí)行
timer.then(function(){ console.log('創(chuàng)建成功')},
function(){ console.log('創(chuàng)建不成功')};

（2）interval

interval與timeout服務(wù)大同小異，創(chuàng)建定時(shí)器返回的也是一個(gè)promise對(duì)象。

var timer=$interval(function(){
   console.log('hello world')
},2000);  //間隔2秒定時(shí)執(zhí)行
timer.then(function(){ console.log('創(chuàng)建成功')},
function(){ console.log('創(chuàng)建不成功')};

2.如何移除定時(shí)器

在angularJSo中，特別是在頁(yè)面切換或者說是路由切換的時(shí)候，我們需要移除響應(yīng)的定時(shí)器，我們可以通過on方法，監(jiān)聽路由切換時(shí)間。當(dāng)DOM結(jié)構(gòu)發(fā)生變化時(shí)，會(huì)執(zhí)行on方法：

$scope.$on('destroy',function(){
  $interval.cancel($scope.timer);
}) //在控制器里，添加$on函數(shù)

更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《AngularJS入門與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》

希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論