最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
单击按钮发送验证码,出现倒计时的简单实例
时间:2022-06-25 14:20:39 编辑:袖梨 来源:一聚教程网
代码如下 | 复制代码 |
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 +"秒后可重新发送"); } }
|
相关文章
- 以闪亮之名店长体验流霞季怎么玩 缘溪临霞套装活动介绍 12-31
- 未定事件簿旧梦新生左然篇怎么玩 旧梦新生左然篇活动介绍 12-31
- 未定事件簿左然破浪远行怎么样 12-31
- 桃源深处有人家行医问诊怎么玩 12-31
- 恋与制作人跨年福利有哪些 恋与制作人跨年福利内容介绍 12-31
- 阴阳师协同对弈大乱斗怎么玩 阴阳师协同对弈大乱斗活动介绍 12-31