验证码倒计时60秒
来源:互联网 发布:20级研究所升级数据 编辑:程序博客网 时间:2024/05/16 06:16
实现效果:
1:开始效果:
2:点击获取验证码之后:
实现代码如下:
前台代码:
<span class="personattr">手机号:</span>${business.bdMobile} <input type="button" class="changepass" onclick="getCode(${business.bdMobile})" value="获取验证码" id="J_getCode"/> <button class="changepass" id="J_resetCode" style="display:none;"> <span id="J_second"></span>秒后获取 </button>
js代码:
//调用生成验证码的接口: function getCode(phone){ $.ajax({ url:"/BusinessInfo/getRegistCode.html", type:"post", dataType:"json", async:true, cache:false, data:{bdMobile:phone}, success:function(obj){ resetCode(); //调用验证码倒计时 } }); }
//倒计时代码 function resetCode(){ $('#J_getCode').hide(); $('#J_second').html('60'); $('#J_resetCode').show(); var second = 60;//倒计时时间 var timer = null; timer = setInterval(function(){ second -= 1; if(second >0 ){ $('#J_second').html(second); }else{ clearInterval(timer); $('#J_getCode').show(); $('#J_resetCode').hide(); } },1000); }
0 0
- 验证码60秒倒计时
- 验证码倒计时60秒
- js 验证码 倒计时60秒
- js 验证码 倒计时60秒
- 短信验证码60秒倒计时
- angularjs 验证码60秒倒计时
- js 验证码 倒计时60秒
- JS 验证码60秒倒计时
- 获取验证码 60秒倒计时 setInterval
- 短信验证码 60秒倒计时
- 短信验证码按钮60秒倒计时
- angular 验证码倒计时60秒
- angular 验证码倒计时60秒
- js 验证码 倒计时60秒
- 验证码60秒倒计时js
- jquery实现验证码倒计时60秒
- js 验证码 倒计时60秒
- 【js实例】js发送验证码后倒计时60秒
- C++作业4
- POJ-2481-树状数组
- 多文本折叠与展开
- bat拷贝命令
- EOS如何实现国际化处理
- 验证码倒计时60秒
- Spring框架概要
- Java面向对象编程
- mysql相似于oracle的to_char() to_date()方法
- c++作业四
- c++实验4-项目7
- Linux进程间通信之管道(pipe)
- 疑惑问题
- 对结构体的sizeof解答