国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

AngularJS 驗證碼60秒倒計時功能的實現

2019-11-19 16:25:13
字體:
來源:轉載
供稿:網友

最近在做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秒倒計時功能的實現,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 济阳县| 洛川县| 班玛县| 崇左市| 闽侯县| 婺源县| 小金县| 大田县| 泸州市| 永安市| 临朐县| 盐边县| 咸阳市| 木里| 土默特右旗| 开远市| 靖安县| 九龙县| 太康县| 嵊州市| 怀远县| 扎兰屯市| 仪征市| 水城县| 广饶县| 瓮安县| 天气| 古蔺县| 沾益县| 四川省| 澄江县| 普定县| 石柱| 唐海县| 扎鲁特旗| 阿巴嘎旗| 大渡口区| 沁水县| 华亭县| 日土县| 土默特右旗|