验证码60倒计时js代码
来源:互联网 发布:debian 没有yum 编辑:程序博客网 时间:2024/06/08 12:38
代码如下:
<div>
<a shref="发送验证码的url" href="javascript:void(0);" onclick="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>
- 验证码60倒计时js代码
- 验证码60倒计时js代码
- 获取验证码倒计时,js代码
- JS验证码倒计时
- JS-验证码倒计时
- 验证码倒计时JS
- 验证码倒计时代码
- js 验证码 倒计时60秒
- js 验证码 倒计时60秒
- js 验证码 倒计时60秒
- JS 验证码60秒倒计时
- js 验证码 倒计时60秒
- 验证码60秒倒计时js
- js 验证码 倒计时60秒
- 简易js验证码倒计时
- 手机验证码倒计时js
- js实现验证码倒计时
- 获取验证码倒计时代码
- UVA
- 数据结构--线性表之链表
- PullToRefreshExpandableListView在Fragment中应用
- 砝码称重II
- Java之集合
- 验证码60倒计时js代码
- 在 Ubuntu 16.04 中安装谷歌 Chrome 浏览器
- 共轭法解线性方程组-简介无推导
- 图的存储表示——邻接矩阵
- 大话数据结构九:队列的链式存储结构(链队列)
- Linux中signal()函数详解
- ibatis的一对多查询
- 排序之选择排序的java语言简单实现
- GCD 多线程API编程笔记