亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JS 實(shí)現(xiàn)獲取驗(yàn)證碼 倒計(jì)時(shí)功能

 更新時(shí)間：2018年10月29日 10:01:01   投稿：mrr  
這篇文章主要介紹了JS 實(shí)現(xiàn)獲取驗(yàn)證碼 倒計(jì)時(shí)功能,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

setInterval 一個(gè)定時(shí)器搞定

<style>
button{
  background: #45BCF9;
  color: #fff;
  padding: 4px 10px;
  border: none;
  outline: none;
  cursor: pointer;
}
button:hover{
  background: #00a8fe;
}
button.disabled{
  background: #000;
  cursor: auto;
}
button.disabled:hover{
  background: #000;
}
</style>
<button type="button" onclick="fn()">獲取驗(yàn)證碼</button>
<script>
function fn(){
  var oBtn = document.getElementsByTagName('button')[0];
  var time = 60;
  var timer = null;
  oBtn.innerHTML = time + '秒后重新發(fā)送';
  oBtn.setAttribute('disabled', 'disabled');  // 禁用按鈕
  oBtn.setAttribute('class', 'disabled');   // 添加class 按鈕樣式變灰
  timer = setInterval(function(){
    // 定時(shí)器到底了 兄弟們回家啦
    if(time == 1){
      clearInterval(timer);       
      oBtn.innerHTML = '獲取驗(yàn)證碼';  
      oBtn.removeAttribute('disabled'); 
      oBtn.removeAttribute('class');  
    }else{
      time--;
      oBtn.innerHTML = time + '秒后重新發(fā)送';
    }
  }, 1000)
}
</script>

總結(jié)

以上所述是小編給大家介紹的JS 實(shí)現(xiàn)獲取驗(yàn)證碼 倒計(jì)時(shí)功能，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論