最近在做AngularJS 項目,這是寫的一個60秒倒計時, angularjs 與jq不同, 不是使用dom節點操作,而是數據操作,寫倒計時,最好是使用$timeout與$interval ,不要使用settimeout與setinterval 。$timeout與$interval 可使綁定數據直接更新。
html
<a href="javascript:" rel="external nofollow" ng-click="sendphonecode(reg_phone)" ng-class="paraclass" ng-bind="paracont">獲取驗證碼</a>
angularjs
angular.module('controllers', []).controller('registerCtrl', function($scope,$interval){     $scope.paracont = "獲取驗證碼";     $scope.paraclass = "but_null";     $scope.paraevent = true;     var second = 60,       timePromise = undefined;     timePromise = $interval(function(){      if(second<=0){       $interval.cancel(timePromise);       timePromise = undefined;       second = 60;       $scope.paracont = "重發驗證碼";       $scope.paraclass = "but_null";       $scope.paraevent = true;      }else{       $scope.paracont = second + "秒后可重發";       $scope.paraclass = "not but_null";       second--;      }     },1000,100); }); 以上所述是小編給大家介紹的AngularJS 驗證碼60秒倒計時功能的實現,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答