国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 12:37:15
字體:
供稿:網(wǎng)友

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()">獲取驗證碼</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 = '獲取驗證碼';        oBtn.removeAttribute('disabled');       oBtn.removeAttribute('class');      }else{      time--;      oBtn.innerHTML = time + '秒后重新發(fā)送';    }  }, 1000)}</script>

總結(jié)

以上所述是小編給大家介紹的JS 實現(xiàn)獲取驗證碼 倒計時功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持!

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 泽库县| 侯马市| 菏泽市| 朔州市| 平顶山市| 晋宁县| 芦溪县| 吉林省| 新源县| 黔南| 商水县| 河池市| 北流市| 焦作市| 丹江口市| 紫云| 萍乡市| 车险| 浏阳市| 博湖县| 咸宁市| 揭东县| 隆昌县| 田东县| 澄迈县| 香格里拉县| 林州市| 万山特区| 绥棱县| 壶关县| 伊宁市| 岑巩县| 雅江县| 佛冈县| 曲松县| 唐山市| 诏安县| 大冶市| 武穴市| 嵊州市| 荣成市|