JavaScript实现发送短信验证码倒计时效果

背景

在特定的移动端H5场景中，我们会遇到用户注册或者登陆需要通过获取短信验证码来进行验证，本文贴出代码，以供参考。

思路

1.点击获取验证码按钮，需要验证手机号码是否为空
2.验证手机号码是否合法
3.如果上述两个条件满足则禁用按钮，并动态更改按钮文字内容
4.发送短信接口请求

代码视图

这里我直接贴出基于vue写的短信验证码倒计时效果，就不单独提出来了哈。