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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 15:16:17
字體:
來源:轉載
供稿:網友

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 临江市| 龙川县| 青海省| 霍山县| 康平县| 太仆寺旗| 桐城市| 北川| 光山县| 平邑县| 昌都县| 资溪县| 金川县| 德安县| 周宁县| 马关县| 长丰县| 珲春市| 土默特左旗| 瑞昌市| 疏勒县| 江永县| 景泰县| 临沂市| 华阴市| 中超| 景德镇市| 凤山市| 黑河市| 马尔康县| 紫云| 柯坪县| 两当县| 卓尼县| 图木舒克市| 霞浦县| 冕宁县| 富民县| 拉孜县| 陇西县| 昌黎县|