获取验证码之后出现一个倒计时按钮
2014-11-12 10:25
225 查看
JS代码
<div class="input"> <input type="button" id="btn" class="btn_mfyzm" value="免费获取验证码" /> <script type="text/javascript"> var wait=5; document.getElementById("btn").disabled = false; function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.value="免费获取验证码"; wait = 5; } else { o.setAttribute("disabled", true); o.value="重新发送(" + wait + ")"; wait--; setTimeout(function() { time(o) }, 1000) } } document.getElementById("btn").onclick=function(){time(this);} </script> </div>JQ代码
<li><span class="txt_name">验证码:</span><span class="code" onclick="getVerify();" id="timeb1" style="cursor:pointer">免费获取验证码</span><input class="input_code" autocomplete="off" onblur="if(this.value=='') this.value='';" onfocus="if(this.value=='') this.value='';" value="" type="text" name="verifyCode" id="verifyCode" ></li>JS代码
function f_timeout(){ $('#timeb1').html('<span id="timeb2">60</span>秒后重新获取'); $('#timeb1').click(function(){}); timer = self.setInterval(addsec,1000); } function addsec(){ var t = $('#timeb2').html(); //alert(t); if(t > 0){ $('#timeb2').html(t-1); //alert(t); }else{ window.clearInterval(timer); $('#timeb1').html('<span id="timeb2"></span>重新获取验证码'); $('#timeb1').click(function(){getVerify();}); } }
相关文章推荐
- 用户点击获取验证码之后我们会发送一条信息到用户手机,然后就会出现一个倒计时按钮,很像支付宝手机付款效果了,下面我给大家分享两个js效果
- 获取短信验证码之后按钮背景变化并且出现倒计时
- clips 前端 js 倒计时 获取验证码的按钮
- 获取验证码按钮,点击后倒计时功能的实现
- jQuery 点击获取验证码按钮及倒计时功能
- vue.js单击按钮获取手机验证码,倒计时禁用按钮功能效果
- iOS 开发 获取验证码时,倒计时显示出现的问题。
- ionic+AngularJs实现获取验证码倒计时按钮
- Android手机注册登录时获取验证码之后倒计时功能(知识点总结)
- JS+HTML5实现获取手机验证码倒计时按钮
- android (获取验证码)倒计时按钮或者TextView
- 【Android自定义View实战】之获取验证码倒计时按钮
- 获取验证码button,倒计时按钮,继承Button
- android倒计时获取验证码按钮
- 单击按钮发送验证码,出现倒计时
- 个人笔记 html 06 获取验证码之后倒计时功能
- 回到顶部,当页面下拉到一定高度时,就会出现回到顶部的按钮,点击回到顶部之后,会有一个速度的变化回滚到顶部,如果正在回到顶部时,鼠标的滚轮转动了就会停止回到顶部
- 登录按钮点击之后本页出现一个小的页面,类似于弹窗
- Android 获取验证码 倒计时按钮
- vue获取手机验证码60秒倒计时,不能点击按钮