AngularJS中$interval的用法詳解
在AngularJS中$interval用來(lái)處理間歇性處理一些事情。
最常用的是:
var app = angular.module("app",[]); app.controller("AppCtrl", function($q. $interval){ var timer = $interval(function(){ },100); timer.then(success); function success(){ console.log("done"); } })
以上,每隔100毫秒就做一件事,所有都昨晚在調(diào)用then函數(shù)。也就是,$interval提供回調(diào)函數(shù)。
是否可以控制做事的次數(shù)呢?
--可以的。 var timer = $interval(function(){},100,10);
以上,最后一個(gè)實(shí)參10就是限制次數(shù)。
回調(diào)函數(shù)除了在所有事情結(jié)束后調(diào)用,還有什么其它回調(diào)函數(shù)?
--有的,還包括每次調(diào)用事件時(shí)的回調(diào)函數(shù),和出現(xiàn)錯(cuò)誤時(shí)的回調(diào)函數(shù)。
var timer = $interval(function(){},100, 10); timer.then(success, error, notify); function success(){ console.log("done"); } function error(){ console.log("error"); } function notify(){ console.log("每次都更新"); }
是否可以取消$interval服務(wù)呢?
--通過(guò)$interval.cancle(timer); var timer = $interval(function(){},100, 10); this.cancel = function(){ $interval.cancel(timer); }
以上所述是針對(duì)AngularJS中$interval的用法做的詳解,希望對(duì)大家有所幫助。
相關(guān)文章
Angular4.x Event (DOM事件和自定義事件詳解)
今天小編就為大家分享一篇Angular4.x Event (DOM事件和自定義事件詳解),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10AngularJs $parse、$eval和$observe、$watch詳解
這篇文章主要介紹了AngularJs $parse、$eval和$observe、$watch的相關(guān)資料,需要的朋友可以參考下2016-09-09angular組件間通訊的實(shí)現(xiàn)方法示例
這篇文章主要給大家介紹了關(guān)于angular組件間通訊的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用angular組件具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05Angular實(shí)現(xiàn)模版驅(qū)動(dòng)表單的自定義校驗(yàn)功能(密碼確認(rèn)為例)
這篇文章主要介紹了Angular實(shí)現(xiàn)模版驅(qū)動(dòng)表單的自定義校驗(yàn)功能(密碼確認(rèn)為例),本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-05-05angularJs在多個(gè)控制器中共享服務(wù)數(shù)據(jù)的方法
今天小編就為大家分享一篇angularJs在多個(gè)控制器中共享服務(wù)數(shù)據(jù)的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09Angular通過(guò)?HTTP?Interceptor?實(shí)現(xiàn)?HTTP?請(qǐng)求超時(shí)監(jiān)控的例子
這篇文章主要介紹了Angular?如何通過(guò)?HTTP?Interceptor?實(shí)現(xiàn)?HTTP?請(qǐng)求的超時(shí)監(jiān)控,本文通過(guò)例子給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06Angular2中constructor和ngOninit的使用講解
這篇文章主要介紹了Angular2中constructor和ngOninit的使用講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-05-05