短信验证码获取

最新推荐文章于 2019-06-01 15:34:44 发布

Tomoe20

最新推荐文章于 2019-06-01 15:34:44 发布

阅读量581

点赞数

分类专栏： web前端文章标签：验证码函数短信

本文链接：https://blog.csdn.net/Tomoe20/article/details/78930742

版权

web前端专栏收录该内容

16 篇文章 1 订阅

订阅专栏

短信验证码获取（等待时间为Num=60s）

 <button id='btn'>点击获取验证码</button>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
  $(function () {
    var Num = 60;
    function getNumber() {
     var timer= setInterval(function () {
        $("#btn").attr("disabled", "disabled");
        $("#btn").text(Num + "秒后重新获取");
        if (Num > 0) {  Num--;} else {
          $("#btn").attr("disabled", false);
          $("#btn").text("点击获取验证码");
          Num = 60;
          clearInterval(timer);
        }
      }, 1000);

    };
    $("#btn").click(function () {
      getNumber();
    })
  })
</script>