代码如下:
<div>
<a shref="发送验证码的url" href="javascript:void(0);" οnclick="getsms(this)" class="btn btn-default"> 点此获取验证码 </a>
</div>
<script src="vendors/jquery/dist/jquery.min.js"></script> <script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script> <script type="text/javascript"> //获取验证码 function getsms(a){ var url = $(a).attr('shref'); var phone = $("#phonenum").val(); //ajax请求验证码功能 $(a).removeAttr('onclick'); requestsms(url,phone); $(a).html('再次获取验证码倒计时:60秒'); var looph = setInterval(function(){var num = $(a).html().replace(/\D/ig,'');num--;if(num<1){ $(a).html("点此获取验证码"); clearInterval(looph);}else {$(a).html("再次获取验证码倒计时:"+num+"秒")}},1000); setTimeout(function(){$(a).attr('onclick',"getsms(this)")},60000); } //发送验证码 function requestsms(url,phone){ $.ajax({ url:url, type:"post", data:{"phone":phone}, dataType:"json", success:function(data){ }, error:function(err){ alert("请检查网络连接是否正常!"); } }); } </script>