站内搜索:
首页 >> 前端 >> 内容
短信验证码获取代码实现教程

时间:2017/12/30 11:06:46

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

  • 上一篇:支持中文/全拼/简拼以及自定义筛选的下拉列表插件
  • 下一篇:img图片加载出错处理方法
  • 返回顶部