欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

setInterval 一個定時器搞定

<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(){
    // 定時器到底了 兄弟們回家啦
    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)證碼 倒計時功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評論