AngularJS 的 $timeout

就是做計時器用的東西。

$timeout官方說明

這次要使用 $timeout

view plaincopy to clipboardprint

1. function Controller($scope,$timeout) { }    

像這樣讓 timeout定時去執行

view plaincopy to clipboardprint

1. $scope.countdown=10;   
2. $scope.onTimeout = function(){   
3.     $scope.countdown--;   
4.     mytimeout = $timeout($scope.onTimeout,1000);   
5. }   
6. var mytimeout = $timeout($scope.onTimeout,1000);  

放一個按鈕讓倒數停止

view plaincopy to clipboardprint

1. $scope.stopCount = function(){   
2.     $timeout.cancel(mytimeout);   
3. }  

重新開始的話再繼續執行就好了

view plaincopy to clipboardprint

1. $scope.continueCount = function(){   
2.     mytimeout = $timeout($scope.onTimeout,1000);   
3. }  

參考

Demo