Angulajs 定時器使用

在Angulajs的control中,不能利用 window.setInterval和 setTimeout 來操做定時器,由於這樣作,雖然設置定時器會成功,但對$scope中的數據進行設置時,不會自動致使頁面數據刷新。函數

要想數據刷新生效。 須要利用 Angulajs 自帶的服務 $Interval, 代碼如:spa

var timer = $interval(function(){回調函數

   //定時器調用的函數io

}, 1000 , 10);function

$interval 的第一個參數是回調函數,第二個參數是定時器的間隔,第三個參數是定時器執行的次數(若是不設置,則一直執行,若是設置爲1,只執行一次)。定時器

若是須要停止定時器,能夠這樣:im

$interval.cancel(timer);數據

實際上這時要取消定時器用 window.clearInterval(timer) 也是能夠的。scope

說明:$interval 要注入進去才能使用.注入

相關文章
相關標籤/搜索