微客导航 » 文章资讯 » 单击按钮发送验证码,出现倒计时的简单实例

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

2024-02-27 10:08:10 209

实例如下：







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+"秒后可重新发送");
}
}

以上这篇单击按钮发送验证码,出现倒计时的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐