短信验证码的倒计时实现:
来源:互联网 发布:阿朵拉 淘宝店 编辑:程序博客网 时间:2024/05/16 10:36
在后台实现了定时删除session中的短信验证码后,需要在前台给用户展示他所剩余的时间,就写了如下的代码:
<script type="text/javascript">$(function(){var InterValObj ; //timer变量,控制时间var count = 120;//剩余时间var curCount ;//当前剩余时间function SetRemainTime(){if (curCount == 0) { console.log(curCount);window.clearInterval(InterValObj);// 停止计时器$("input[name='btnSendCode']").removeAttr("disabled");// 启用按钮$("input[name='btnSendCode']").val("重新发送验证码");}else {curCount--;console.log(curCount+"abc");console.log(typeof curCount);$("input[name='btnSendCode']").val("请在" + curCount + "秒内输入验证码");}}//点击发送请求$("input[name='btnSendCode']").click(function(){curCount=count;//将按钮设置为不可用的$("input[name='btnSendCode']").attr("disabled",true);$("input[name='btnSendCode']").val("请在" + curCount + "秒内输入验证码"); // 启动计时器,1秒执行一次InterValObj = window.setInterval(SetRemainTime, 1000);var phone = $("input[name='phone']").val();$.getJSON("${pageContext.request.contextPath}/user.do?method=sendMsg",{"phone":phone},function(data){alert("1");//根据结果调整页面效果if(data.result){//发送成功alert("2");}else{//发送失败alert("3");}});});});</script><tr> <th>短信验证码<em>*</em></th> <td> <input name="msg" type="text" class="dl_text" value="" style="width:145px;"/> <span> <input type="button" name="btnSendCode" value="免费获取验证码" disabled="disabled" /> </span> </td> <td><span class="msg-box" for="msg"></span></td> </tr>以上的代码实现向后台发送请求,并在前台实现倒数计时的功能。代码参考了来自迷彩风情的博客,:http://blog.csdn.net/sxdtzhaoxinguo/article/details/34437591,但我还是说这是我的原创。。。稍(xue)微(wei)无耻0 0
- 短信验证码倒计时的实现
- 短信验证码的倒计时实现:
- iOS 短信验证码倒计时按钮的实现
- iOS短信验证码倒计时Button的实现
- iOS 短信验证码倒计时按钮的实现
- 获取短信验证码时的倒计时按钮实现
- 获取短信验证码时的倒计时按钮实现
- 获取短信验证码时的倒计时按钮实现
- iOS 短信验证码倒计时按钮的实现
- 简单实现短信验证码的倒计时效果
- iOS 短信验证码倒计时按钮的实现
- 实现短信验证码获取倒计时
- 短信验证码倒计时+GCD实现
- swift 3.0 短信验证码倒计时实现
- 属性动画实现短信验证码倒计时
- Android倒计时(类似短信验证倒计时的实现)
- 短信验证码倒计时
- 短信验证码倒计时
- 15法标总结
- 多线程-7、dispatch对象
- 基于zepto.js的canvas简易画图板
- 为什么层次越高的人,计较得越少
- Android 调用系统的电话拨号器
- 短信验证码的倒计时实现:
- python解释器实现及其嵌入式应用:内部模块定义及扩展
- js 鼠标滚轮事件
- 蓝桥杯:Fibonacci数列
- 极光后台服务器推送消息通知
- C语言获取系统时区的一种简单方式
- windows 命令
- Libevent开源框架学习大纲
- 怎么才能向技术大牛提切中要点的问题?本文教你如何高质量提问