jq 实现 验证码倒计时（前端部分）

html

<button class="yzm-bnt" id="yzm-bnt" type="button" onclick="sendMessage()" >获取验证码</button>

jq

var InterValObj; //timer变量，控制时间 var count = 60; //间隔函数，1秒执行 var curCount;//当前剩余秒数 function sendMessage() { 　curCount = count; 　　//设置button效果，开始计时 if($('.phone').val()==''){ alert('手机号码不能为空');return false; } $("#yzm-bnt").attr("disabled", "true"); $("#yzm-bnt").text(curCount + "s"); InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次 　　 //向后台发送处理数据 $.ajax({ 　　type: "POST", //用POST方式传输 　　url: '{:U('')}', //目标地址 　　 data: {}, 　　success: function (data){ } }); } //时间处理 function SetRemainTime() { if (curCount == 0) { window.clearInterval(InterValObj);//停止计时器 $("#yzm-bnt").removeAttr("disabled");//启用按钮 $("#yzm-bnt").text("重发"); } else { curCount--; $("#yzm-bnt").text(curCount + "s"); } }