欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-27 22:48:08
短信验证码获取(等待时间为Num=60s)

短信验证码获取(等待时间为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>