手机号:<input type='text' name='mobile' id='mobile'> <input id="btnSendCode" type="button" value="发送验证码" onclick="getCode()" /><br> 验证码:<input type='text' name='code' id='code'><br> <script src="api/js/jquery.js" type="text/javascript"></script> <script> //发送验证码 var InterValObj; //timer变量,控制时间 var count = 60; //间隔函数,1秒执行 var curCount; //当前剩余秒数 function getCode(){ mobile = $('#mobile').val(); $.ajax({ url: 'getcode', //后台处理验证码方法 data: {'mobile': mobile}, type: 'post', success: function (e) { var jsonObj = eval( '(' + e + ')' ); // eval();方法 if(jsonObj.code == 'err'){ alert(jsonObj.message);return; } else{ curCount = count; //设置button效果,开始计时 $("#btnSendCode").attr("disabled", "true"); $("#btnSendCode").val("请在" + curCount + "秒内输入验证码"); InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次 alert(jsonObj.message);return; } } }); } //timer处理函数 function SetRemainTime() { if (curCount == 0) { window.clearInterval(InterValObj); //停止计时器 $("#btnSendCode").removeAttr("disabled"); //启用按钮 $("#btnSendCode").val("重新发送验证码"); } else { curCount--; $("#btnSendCode").val("请在" + curCount + "秒内输入验证码"); } } </script>
欢迎分享本文,转载请保留出处:前端ABC » 网站中常用到的发送短信倒计时代码