jQuery短信验证倒计时功能实现方法详解_

1、jQuery短信验证倒计时功能实现方法详解_ 本文实例讲解并描述了jQuery短信验证倒计时功能实现方法。分享给大家供大家参考，具体如下： !DOCTYPE html PUBLIC -/W3C/DTD XHTML 1.0 Transitional/EN l1/DTD/xhtml1-transitional.dtd html xmlns=l head titledemo 短信验证码60秒，并限制次数/title script src=js/time.js type=text/javascript/script /head body div class=input input type=butto

2、n id=btn class=btn_mfyzm value=猎取验证码 / /div /body script var wait=60*2; document.getElementById(btn).disabled = false; function time(o) if (wait = 0) o.removeAttribute(disabled); o.value=免费猎取验证码; wait = 60*2; else o.setAttribute(disabled, true); o.value=重新发送( + wait + ); wait-; setTimeout(function()

3、 time(o) , 1000) document.getElementById(btn).onclick=function()time(this); /script /html time.js内容如下: var InterValObj; /timer变量，掌握时间 var count = 60; /间隔函数，1秒执行 var curCount;/当前剩余秒数 var code = ; /验证码 var codeLength = 6;/验证码长度 function sendMessage() curCount = count; var dealType; /验证方式 var uid=$(#ui

4、d).val();/用户uid if ($(#phone).attr(checked) = true) dealType = phone; else dealType = email; /产生验证码 for (var i = 0; i codeLength; i+) code += parseInt(Math.random() * 9).toString(); /设置button效果，开头计时 $(#btnSendCode).attr(disabled, true); $(#btnSendCode).val(请在 + curCount + 秒内输入验证码); InterValObj = win

5、dow.setInterval(SetRemainTime, 1000); /启动计时器，1秒执行一次 /向后台发送处理数据 $.ajax( type: POST, /用POST方式传输 dataType: text, /数据格式:JSON url: Login.ashx, /目标地址 data: dealType= + dealType +uid= + uid + code= + code, error: function (XMLHttpRequest, textStatus, errorThrown) , success: function (msg) ); /timer处理函数 function SetRemainTime() if (curCount = 0) window.clearInterval(InterValObj);/停止计时器 $(#btnSendCode).removeAttr(disabled);/启用按钮 $(#btnSendCode).val(重新发送验证码); code = ; /清除验证码。假如不清除，过时间后，输入收到的验证码依旧有效