当前位置： 移动技术网 > IT编程>网页制作>CSS > 短信验证码获取代码实现教程

短信验证码获取代码实现教程

2017年12月30日  | 移动技术网IT编程  | 我要评论

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

 <button id='btn'>点击获取验证码</button>
<script src="https://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>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网