建站
咨詢
售后
建站咨詢
新聞中心
這篇文章給大家分享的是有關(guān)AngularJs定時器$interval和$timeout怎么用的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)從2013年創(chuàng)立，先為景德鎮(zhèn)等服務(wù)建站，景德鎮(zhèn)等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為景德鎮(zhèn)企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
$interval
window.setInterval的Angular包裝形式。Fn是每次延遲時間后被執(zhí)行的函數(shù)。
間隔函數(shù)的返回值是一個承諾。這個承諾將在每個間隔刻度被通知，并且到達(dá)規(guī)定迭代次數(shù)后被取消，如果迭代次數(shù)未定義，則無限制的執(zhí)行。通知的值將是運(yùn)行的迭代次數(shù)。取消一個間隔，調(diào)用$intreval.cancel(promise)。
備注：當(dāng)你執(zhí)行完這項服務(wù)后應(yīng)該把它銷毀。特別是當(dāng)controller或者directive元素被銷毀時而$interval未被銷毀。你應(yīng)該考慮到在適當(dāng)?shù)臅r候取消interval事件。
使用：$interval(fn,delay,[count],[invokeApply],[Pass]);
fn:一個將被反復(fù)執(zhí)行的函數(shù)。
delay：每次調(diào)用的間隔毫秒數(shù)值。
count：循環(huán)次數(shù)的數(shù)值，如果沒設(shè)置，則無限制循環(huán)。
invokeApply：如果設(shè)置為false，則避開臟值檢查，否則將調(diào)用$apply。
Pass：函數(shù)的附加參數(shù)。
方法：
cancel(promise);
取消與承諾相關(guān)聯(lián)的任務(wù)。
promise：$interval函數(shù)的返回值。
使用代碼：
(function () {
angular.module("Demo", [])
.controller("testCtrl",["$interval",testCtrl]);
function testCtrl($interval){
var toDo = function () {
console.log("Hello World");
};
$interval(toDo, 3000, 10);
};
}());$timeout
window.setTimeout的Angular包裝形式。Fn函數(shù)包裝成一個try/catch塊，代表$exceptionHandler服務(wù)里的任何異常。
timeout函數(shù)的返回值是一個promise，當(dāng)?shù)竭_(dá)設(shè)置的超時時間時，這個承諾將被解決，并執(zhí)行timeout函數(shù)。
需要取消timeout，需要調(diào)用$timeout.cancel(promise);
使用： $timeout(fn,[delay],[invokeApply]);
fn：一個將被延遲執(zhí)行的函數(shù)。
delay：延遲的時間（毫秒）。
invokeApply：如果設(shè)置為false，則跳過臟值檢測，否則將調(diào)用$apply。
方法：
cancel(promise);
取消與承諾相關(guān)聯(lián)的任務(wù)。這個的結(jié)果是，承諾將被以摒棄方式來解決。
promise：$timeout函數(shù)返回的承諾。
(function () {
angular.module("Demo", [])
.controller("testCtrl",["$timeout",testCtrl]);
function testCtrl($timeout){
var toDo = function () {
console.log("Hello World");
};
$timeout(toDo,5000)
};
}());大致使用方法可以和原生js的setInterval和setTimeout那樣使用，一些使用小技巧可以用在瀏覽器單線程的事件執(zhí)行方面...
感謝各位的閱讀！關(guān)于“AngularJs定時器$interval和$timeout怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
網(wǎng)頁題目：AngularJs定時器$interval和$timeout怎么用
分享鏈接：http://fisionsoft.com.cn/article/pcehsj.html
