Angular.js實現獲取驗證碼倒計時60秒按鈕的簡單方法

angular.module('controllers')
 .controller('LoginCtrl', function ($scope, $location,$ionicLoading,$rootScope,$interval,$timeout) {
 $scope.timer = false;
 $scope.timeout = 60000;
 $scope.timerCount = $scope.timeout / 1000;
 $scope.text = "獲取驗證碼";
 $scope.onClick = function(){
 $scope.showTimer = true;
 $scope.timer = true;
 $scope.text = "秒后重新獲取";
 var counter = $interval(function(){
 $scope.timerCount = $scope.timerCount - 1;
 }, 1000);
 $timeout(function(){
 $scope.text = "獲取驗證碼";
 $scope.timer = false;
 $interval.cancel(counter);
 $scope.showTimer = false;
 $scope.timerCount = $scope.timeout / 1000;
 }, $scope.timeout);
 };
 });

<button class="yz-btn" ng-click="onClick()" ng-disabled="timer"><span ng-if="showTimer">{{timerCount}}</span>{{text}}</button>