前端-js网页特效（二）界面发送验证码后倒计时效果及原理

目录

前言：

一、原理

案例步骤原理

细节部分

二、代码解析

HTML部分：

script部分：

三、实际效果图

 四、结束语

---

前言：

        在日常的微信登录，或者是其他大大小小网站及APP登录的时候，如果是用电话号码快捷登录的话，必不可少需要短信验证，其中在输入验证码一栏的按钮就有  “xx s 后重新获取验证码”  诸如此类的倒计时效果，而利用js的BOM，便可以完美的复现倒计时效果，这也是我倒计时效果写的第二篇分享，可以返回观看倒计时效果应用的第一篇分享：前端-js网页特效（一）倒计时效果及原理https://blog.csdn.net/weixin_57269725/article/details/120679717

一、原理

案例步骤原理

(1).按钮点击之后 会禁用disabled 值为true（这与disabled在css中书写方式不一样，牢记&