• 特朗普向朝鲜大将尴尬敬礼 被美国内猛批 2019-08-21
  • 石家庄首届“古中山杯”舞蹈大赛决赛在平山举行 2019-08-21
  • 永不沉没的泰坦尼克号工程开工仪式举行(一) 2019-08-19
  • 今年回南天为何掉线了?这其实并不奇怪 2019-08-19
  • 政能亮政府服务,当好“店小二”而非“二大爷” 2019-08-16
  • 女性之声——全国妇联 2019-08-16
  • 人傻有人爱,人聪明有人恨,人愚笨有人笑,人痴有人关心,不是每个人的命运都一样的 2019-08-11
  • 人民的力量——一份大报,与一个大党、一个大国的故事 2019-08-05
  • 中华人民共和国建筑法 2019-08-05
  • 转方式调结构显现阶段性成果(读数·发现经济运行的轨迹) 2019-08-02
  • 一语惊坛(6月8日):友谊勋章是给国际友人的最高荣誉。 2019-08-02
  • 《红海行动》出征中美电影节 2019-07-28
  • 发挥自身优势 奋力走在前列——习近平总书记在山东考察回访记 2019-07-28
  • 民生时评:上海支付宝回收垃圾并不现实(原创首发) 2019-07-28
  • 俺发现你还真是踩云的人。找不到谱。 2019-07-28
  • 价格不是我们的优势,品质永远是我们的追求!
    当前位置:北京11选五和值走势图行业快讯 > js实现发送短信验证码倒计时
    js实现发送短信验证码倒计时
    来源:北京11选五和值走势图  时间:2018-03-27 17:15

    北京11选五和值走势图 www.tqjw.net     发送北京11选五和值走势图是网站或app常见的功能,为了避免用户频繁获取短信验证码,往往会设计一个倒计时功能,当间隔一定时间后才能再一次的获取,下面乐信小编就来为大家介绍下如何用js实现发送短信验证码倒计时。

        html部分:

    <html xmlns="//www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style>
      .wrapper{
         margin-top:20px;
         margin-left:20px; 
      }
      .sns-input{
         float:left;
         height:28px;
      }
      .sns-btn{
         float:left;
    	 border-radius:5px;
    	 margin-left:10px;
    	 cursor:pointer;
    	 width:80px;
    	 height:30px;
    	 line-height:30px;
    	 background-color:#1f7e9a;
    	 font-size:16px;
    	 color:#ffffff;
    	 text-align:center; 
      } 
      
    
    </style>
    
    
    </head>
    
    <body>
    
    <div class="wrapper">
       <input class="sns-input" id="snsCode">
       <div class="sns-btn" id="snsBtn">发送</div>
    </div>
    
    <script>
    var btnDisable = false; //发送按钮是否禁用
    var btn=document.getElementById("snsBtn");  //按钮dom对象
    btn.onclick=function(){ //按钮点击事件
    //防止等待期间执行发送
       if(btnDisable){
           return; 
       }
       //1、执行请求验证码逻辑
       //....
       //2、设置定时器进行等等
       timewait(60)
       //3、恢复按钮可用
       btnDisable = true;
    
    }
    
       function(time){
           setTimeout(function(){
    	       if(time>=0){
    	          btn.innerHTML = time + "s后重试";
    	          time--;
    	          timeWait(time);
    	       }else{
    	          btn.innerHTML = "发送";
    	          btnDisable = false;
    	   
    	      }
    	   },1000);  //设置定时器
       }
    </script>
    </body>
    </html>

        页面效果:

    4.png

        js部分:

    <script>
    var btnDisable = false; //发送按钮是否禁用
    var btn=document.getElementById("snsBtn");  //按钮dom对象
    btn.onclick=function(){ //按钮点击事件
    //防止等待期间执行发送
       if(btnDisable){
           return; 
       }
       //1、执行请求验证码逻辑
       //....
       //2、设置定时器进行等等
       timewait(60)
       //3、恢复按钮可用
       btnDisable = true;
    
    }
    
       function(time){
           setTimeout(function(){
    	       if(time>=0){
    	          btn.innerHTML = time + "s后重试";
    	          time--;
    	          timeWait(time);
    	       }else{
    	          btn.innerHTML = "发送";
    	          btnDisable = false;
    	   
    	      }
    	   },1000);  //设置定时器
       }
    </script>

        最终实现效果                推荐阅读:app短信注册接口被刷

     

    3.png

  • 特朗普向朝鲜大将尴尬敬礼 被美国内猛批 2019-08-21
  • 石家庄首届“古中山杯”舞蹈大赛决赛在平山举行 2019-08-21
  • 永不沉没的泰坦尼克号工程开工仪式举行(一) 2019-08-19
  • 今年回南天为何掉线了?这其实并不奇怪 2019-08-19
  • 政能亮政府服务,当好“店小二”而非“二大爷” 2019-08-16
  • 女性之声——全国妇联 2019-08-16
  • 人傻有人爱,人聪明有人恨,人愚笨有人笑,人痴有人关心,不是每个人的命运都一样的 2019-08-11
  • 人民的力量——一份大报,与一个大党、一个大国的故事 2019-08-05
  • 中华人民共和国建筑法 2019-08-05
  • 转方式调结构显现阶段性成果(读数·发现经济运行的轨迹) 2019-08-02
  • 一语惊坛(6月8日):友谊勋章是给国际友人的最高荣誉。 2019-08-02
  • 《红海行动》出征中美电影节 2019-07-28
  • 发挥自身优势 奋力走在前列——习近平总书记在山东考察回访记 2019-07-28
  • 民生时评:上海支付宝回收垃圾并不现实(原创首发) 2019-07-28
  • 俺发现你还真是踩云的人。找不到谱。 2019-07-28
  • 英超 快手怎么录长视频 彩十一选五 宁夏广播电视局 浙江省风力资源分布图 双色球18093期推荐号码 2元彩票 澳客网比分直播手机版 电子游艺网 搜狐彩票3d试机号 4月24日福彩中奖号码 七星彩图规 双色球杀号爱彩网 香港赛马会特码资料书 nba比分排名