js/jq实现获取手机验证码倒计时效果(1/2)

本篇文章主要介绍了"js/jq实现获取手机验证码倒计时效果"，主要涉及到手机验证码方面的内容，对于web前端感兴趣的同学可以参考一下： 众所周知在前段的工作中注册信息或获取当前手机号信息等需求，我们基本上都要涉及到手机号验证码，在网络上搜索的案例杂乱无章，用的时候全是坑，真心不想用了，然后自己写...

众所周知在前段的工作中注册信息或获取当前手机号信息等需求，我们基本上都要涉及到手机号验证码，在网络上搜索的案例杂乱无章，用的时候全是坑，真心不想用了，然后自己写了一个获取手机验证码的倒计时效果。有需求的伙伴们可以看看怎么实现的。

如何获取手机验证码？

小月不知道大家是利用什么平台去获取验证码的，但是告诉大家我是在哪个平台获取的。

LeanCloud ：https://leancloud.cn/

文档：https://leancloud.cn/docs/sms_guide-js.html

在这个平台首先去要注册一个账号，在设置里面设置自己的信息按照文档去操作就可以了这里不多说了，大部分是后台去操作些接口的，我们前端有能力的可以自己去尝试用php去写接口。（懒惰的我是不会写。）

一般是两个接口：

1. 发送验证请求（这样你的手机会受到短信验证哦）

2. 返回数据验证手机号和验证是否一致

根据后台攻城狮的接口去实现吧。

前端页面的工作

下面这段代码就是上图所示的页面

<div class="pop">
    <div class="con">
        <span class="close"><img src="img/close.png"></span>
        <div class="page1">
           <p class="info">
               <span class="title">手机号：</span>
               <input type="tel" class="tel" id="mobile" >校验手机号是否正确

                
                
                








                

                
                
                
                
                

                    
                    
                        1
                    
                    
                        2
                    
                    下一页