短信验证码倒计时

来源：互联网发布：手机上网数据自动关闭编辑：程序博客网时间：2024/05/17 01:27

普通js

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="js/jquery.js"></script> </head> <body> <input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> <script type="text/javascript"> var countdown=60; function settime(val) {     if (countdown == 0) {         val.removeAttribute("disabled");            val.value="免费获取验证码";         countdown = 60;     } else {         val.setAttribute("disabled", true);         val.value="重新发送(" + countdown + ")";         countdown--;         setTimeout(function() {             settime(val)         },1000)     } } </script> </body> </html>

angularJS

angularJS获取事件元素

在angularJS中获取事件元素的方法：在函数参数中传入$event参数，在函数中使用$event.target就可以获取到了

<div class="form-group">  <div style="width: 50%;float: left;">      <input type="text" class="form-control" ng-model="param.identifyCode" name="identifyCode" id="identifyCode" placeholder="验证码" required="">  </div>  <div style="width: 45%;float: right;">      <button type="button" ng-click="setTime($event)" id="getIdentifyCode" class="btn m-b-xs w-xs btn-primary">获取短信验证码</button>  </div>  <div class="clear"></div></div>

$scope.countdown = 60;$scope.setTime = function($event){    var elem = $event.target;    if ($scope.countdown == 0) {        elem.removeAttribute("disabled");        elem.innerHTML = "获取短信验证码";        $scope.countdown = 60;    } else {        elem.setAttribute("disabled", true);        elem.innerHTML = "重新发送(" + $scope.countdown + ")";        $scope.countdown--;        setTimeout(function() {            $scope.setTime($event)        },1000)    }};

阅读全文

0 0