很多网站在注册界面经常要获取验证码需求。获取验证码都会出现一个验证码倒计时,一般都是60秒倒计时,要是等待过了这个60秒的倒计时,又可以重新发送验证码。今天就来说说用jQuery如何才能实现倒计时!有需求的伙伴们可以看看!
首先我们来看看效果图:
点击获取验证码后出现60秒的重发倒计时
当倒计时结束后,出现重发的按钮,以此循环
实现的代码:
HTML(由于是项目中的页面,所以只能截取重要的部分代码,谅解):
jQuery实现发送验证码的倒计时代码
CSS 样式你们自己美化就 OK,这里就不一一展示;
JS代码:
countdown设置倒计时的秒数从多少开始,然后依次递减,当倒计时为0时候,按钮中的文字就变为“重发”然后重置倒计时秒数为初始的60秒!倒计时不为0的时候就依次递减,定义了一个定时器在循环!
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。