溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
最近在做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秒倒計時功能的實現，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
