angularjs 中的setTimeout(),setInterval() / $interval 和 $timeout


$interval

window.setInterval的Angular包裝形式。Fn是每次延遲時間后被執行的函數。

間隔函數的返回值是一個承諾。這個承諾將在每個間隔刻度被通知,並且到達規定迭代次數后被取消,如果迭代次數未定義,則無限制的執行。通知的值將是運行的迭代次數。取消一個間隔,調用$intreval.cancel(promise)。

備注:當你執行完這項服務后應該把它銷毀。特別是當controller或者directive元素被銷毀時而$interval未被銷毀。你應該考慮到在適當的時候取消interval事件。

使用:$interval(fn,delay,[count],[invokeApply],[Pass]);

fn:一個將被反復執行的函數。

delay:每次調用的間隔毫秒數值。

count:循環次數的數值,如果沒設置,則無限制循環。

invokeApply:如果設置為false,則避開臟值檢查,否則將調用$apply。

Pass:函數的附加參數。

方法

cancel(promise);

取消與承諾相關聯的任務。

promise:$interval函數的返回值。

myApp.controller('firstController',function($scope,$interval,$timeout){//需要依賴$interval

var stop = $interval(function(){
consoel.log("aaaaaaaaaaaa");
}, 100);

$interval.cancel(stop)

})

$timeout

window.setTimeout的Angular包裝形式。Fn函數包裝成一個try/catch塊,代表$exceptionHandler服務里的任何異常。

timeout函數的返回值是一個promise,當到達設置的超時時間時,這個承諾將被解決,並執行timeout函數。

需要取消timeout,需要調用$timeout.cancel(promise);

使用: $timeout(fn,[delay],[invokeApply]);

fn:一個將被延遲執行的函數。

delay:延遲的時間(毫秒)。

invokeApply:如果設置為false,則跳過臟值檢測,否則將調用$apply。

方法

cancel(promise);

取消與承諾相關聯的任務。這個的結果是,承諾將被以摒棄方式來解決。

promise:$timeout函數返回的承諾。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM