前端实现倒计时60秒，短信验证登录

最新推荐文章于 2024-05-29 11:39:33 发布

panpanpanqvq

最新推荐文章于 2024-05-29 11:39:33 发布

阅读量3.1k

点赞数 2

分类专栏： JS ajax bootstarp 文章标签： js jquery 前端 javascript

本文链接：https://blog.csdn.net/panpanpanqvq/article/details/111478652

版权

本文记录了一次实现前端短信验证码登录功能的经历，重点在于60秒倒计时的JS代码实现。登录界面完成后，通过JS进行倒计时，在计时结束时恢复界面，用户输入验证码完成登录。

摘要由CSDN通过智能技术生成

之前业务需求做一个短信验证码登录功能，里面包含了60s倒计时，记录一下。

  <form class="form-horizontal" id="login_formTwo">
                    <div class="tab_css" id="tab2_content">
                        <div class="col-md-12">
                            <div class="form-group" style="position: relative;">
                                <i class="glyphicon glyphicon-user"></i>
                                <input style="padding-left:36px;" class="form-control required" type="text"
                                    placeholder="手机号" id="phone" name="phone" autofocus="autofocus" maxlength="20"
                                    required />
                            </div>
                            <div class="form-group" style="position: relative;">
                                <i class="glyphicon glyphicon-lock"></i>
                                <input style="padding-left:36px;" class="form-control required" type="password"
                                    placeholder="请输入验证码" id="code" name="code" maxlength=&#