js短信验证倒计时

Posted verayangnakiss

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js短信验证倒计时相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
   *{
    margin: 0;
    padding: 0;
   }
   button{
    width: 100px;
   }
  </style>
  <script type="text/javascript">
   window.onload = function(){
    var btn = document.getElementById(‘btn‘);
    btn.onclick = function(){
     this.disabled = true;
     var count = 5;
     var timer = null;
      timer = setInterval(send,1000);
      function  send(){
      count--;
      if(count>=0){
       btn.innerHTML = ‘还剩‘+count+‘s‘;
      }
      else{
       btn.disabled = false;
       btn.innerHTML = ‘重新发送短信‘;
       clearInterval(timer);
       count=5;
      }
     }
     
    }
    
   }
  </script>
 </head>
 <body>
  <input type="text" /><button id="btn">发送短信验证</button>
 </body>
</html>












































以上是关于js短信验证倒计时的主要内容,如果未能解决你的问题,请参考以下文章

js,JQ获取短信验证码倒计时

js短信验证倒计时

实现发送短信验证码后60秒倒计时

jquery 倒计时 60秒 短信 验证码 js ajax 获取

django01项目_异步发送短信验证码_异步方案RabbitMQ和Celery

基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)