jQuery 实现发送验证码的倒计时

很多网站在注册界面经常要获取验证码需求。获取验证码都会出现一个验证码倒计时，一般都是60秒倒计时，要是等待过了这个60秒的倒计时，又可以重新发送验证码。今天就来说说用jQuery如何才能实现倒计时！有需求的伙伴们可以看看！

首先我们来看看效果图：

[1495525625744_8941_1495525676666.jpg]

点击获取验证码后出现60秒的重发倒计时

[1495525803448_2253_1495525854448.jpg]

当倒计时结束后，出现重发的按钮，以此循环

[1495525818068_7331_1495525868922.jpg]

实现的代码：

HTML（由于是项目中的页面，所以只能截取重要的部分代码，谅解）：

[1495615815394_2471_1495615885029.jpg]

jQuery实现发送验证码的倒计时代码

CSS 样式你们自己美化就 OK，这里就不一一展示；

JS代码：

[1495525834603_7460_1495525885471.jpg]

countdown设置倒计时的秒数从多少开始，然后依次递减，当倒计时为0时候，按钮中的文字就变为“重发”然后重置倒计时秒数为初始的60秒！倒计时不为0的时候就依次递减，定义了一个定时器在循环！