2014年1月6日 星期一

AngularJS 的 $timeout

就是做計時器用的東西。

$timeout官方說明

這次要使用 $timeout
  1. function Controller($scope,$timeout) { }    

像這樣讓 timeout定時去執行
  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);  

放一個按鈕讓倒數停止
  1. $scope.stopCount = function(){   
  2.     $timeout.cancel(mytimeout);   
  3. }  

重新開始的話再繼續執行就好了
  1. $scope.continueCount = function(){   
  2.     mytimeout = $timeout($scope.onTimeout,1000);   
  3. }  

參考

Demo

反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...