单击按钮发送验证码,出现倒计时的简单实例

作者:袖梨 2022-06-25
代码如下 复制代码

varInterValObj;//timer变量,控制时间

varcount = 30;//间隔函数,1秒执行

varcurCount;//当前剩余秒数

functionsendMessage() {

 curCount = count;

  //设置button效果,开始计时

$("#btnSendCode").attr("disabled","true");

$("#btnSendCode").val(curCount +"秒后可重新发送");

InterValObj = window.setInterval(SetRemainTime, 1000);//启动计时器,1秒执行一次

  

//请求后台发送验证码 TODO

}

//timer处理函数

functionSetRemainTime() {

if(curCount == 0) {

window.clearInterval(InterValObj);//停止计时器

$("#btnSendCode").removeAttr("disabled");//启用按钮

$("#btnSendCode").val("重新发送验证码");

}

else{

curCount--;

$("#btnSendCode").val(curCount +"秒后可重新发送");

}

}


相关文章

精彩推荐