亚洲精品久久久久综合,卡一卡二卡三高清乱码网站,一边吃奶一边扎下边爽了,最近中文字幕完整版2018一页,国产经典三级av在线播放

價(jià)格不是我們的優(yōu)勢(shì)，品質(zhì)永遠(yuǎn)是我們的追求！
當(dāng)前位置：首頁 > 行業(yè)快訊 > js實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼倒計(jì)時(shí)
js實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼倒計(jì)時(shí)
來源：動(dòng)力思維樂信　　時(shí)間：2018-03-27 17:15

    發(fā)送短信驗(yàn)證碼是網(wǎng)站或app常見的功能，為了避免用戶頻繁獲取短信驗(yàn)證碼，往往會(huì)設(shè)計(jì)一個(gè)倒計(jì)時(shí)功能，當(dāng)間隔一定時(shí)間后才能再一次的獲取，下面樂信小編就來為大家介紹下如何用js實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼倒計(jì)時(shí)。

    html部分：

<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標(biāo)題文檔</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">發(fā)送</div>
</div>

<script>
var btnDisable = false; //發(fā)送按鈕是否禁用
var btn=document.getElementById("snsBtn");  //按鈕dom對(duì)象
btn.onclick=function(){ //按鈕點(diǎn)擊事件
//防止等待期間執(zhí)行發(fā)送
   if(btnDisable){
       return; 
   }
   //1、執(zhí)行請(qǐng)求驗(yàn)證碼邏輯
   //....
   //2、設(shè)置定時(shí)器進(jìn)行等等
   timewait(60)
   //3、恢復(fù)按鈕可用
   btnDisable = true;

}

   function(time){
       setTimeout(function(){
	       if(time>=0){
	          btn.innerHTML = time + "s后重試"；
	          time--;
	          timeWait(time);
	       }else{
	          btn.innerHTML = "發(fā)送"；
	          btnDisable = false;
	   
	      }
	   },1000);  //設(shè)置定時(shí)器
   }
</script>
</body>
</html>

    頁面效果：

4.png

    js部分：

<script>
var btnDisable = false; //發(fā)送按鈕是否禁用
var btn=document.getElementById("snsBtn");  //按鈕dom對(duì)象
btn.onclick=function(){ //按鈕點(diǎn)擊事件
//防止等待期間執(zhí)行發(fā)送
   if(btnDisable){
       return; 
   }
   //1、執(zhí)行請(qǐng)求驗(yàn)證碼邏輯
   //....
   //2、設(shè)置定時(shí)器進(jìn)行等等
   timewait(60)
   //3、恢復(fù)按鈕可用
   btnDisable = true;

}

   function(time){
       setTimeout(function(){
	       if(time>=0){
	          btn.innerHTML = time + "s后重試"；
	          time--;
	          timeWait(time);
	       }else{
	          btn.innerHTML = "發(fā)送"；
	          btnDisable = false;
	   
	      }
	   },1000);  //設(shè)置定時(shí)器
   }
</script>

    最終實(shí)現(xiàn)效果                推薦閱讀：app短信注冊(cè)接口被刷

 

3.png