发送短信(按钮倒计时)案例

 

 

 

 

 

 

 

  <body>
    <button>发送</button>
  </body>
  <script>
    var btn = document.querySelector("button");
    var time = 3; //定义剩下的秒数
    btn.addEventListener("click", function () {
      btn.disabled = true;
      var timer = setInterval(function () {
        if (time == 0) {
          // 清除定时器和复原按钮
          clearInterval(timer);
          btn.disabled = false;
          btn.innerHTML = "发送";
          time = 3;
        } else {
          btn.innerHTML = "还剩下" + time + "秒";
          time--;
        }
      }, 1000);
    });
  </script>

 

posted @ 2022-04-18 13:21  罗砂  阅读(35)  评论(0)    收藏  举报