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

首頁 > 編程 > JavaScript > 正文

js實現簡單的獲取驗證碼按鈕效果

2019-11-19 17:19:54
字體:
來源:轉載
供稿:網友

效果圖:

圖(1)初始圖

圖(2)點擊后

代碼如下:

<!DOCTYPE HTML><html><head><meta charset="UTF-8" /><title>pro.html</title><style type="text/css">.checkCode {  cursor: pointer;  border: 1px solid black;  text-align: center;  line-height: 26px;  width: 115px;  height: 35px;}</style><script type="text/javascript">  var sleep = 30, interval = null;  window.onload = function ()  {    var btn = document.getElementById ('btn');    btn.onclick = function ()    {      if (!interval)      {        this.style.backgroundColor = 'rgb(243, 182, 182)';        this.disabled = "disabled";        this.style.cursor = "wait";        this.value = "重新發送 (" + sleep-- + ")";        interval = setInterval (function ()        {          if (sleep == 0)          {            if (!!interval)            {              clearInterval (interval);              interval = null;              sleep = 30;              btn.style.cursor = "pointer";              btn.removeAttribute ('disabled');              btn.value = "免費獲取驗證碼";              btn.style.backgroundColor = '';            }            return false;          }          btn.value = "重新發送 (" + sleep-- + ")";        }, 1000);      }    }  }</script></head><body>  <input class="checkCode" type="button" id="btn" value="免費獲取驗證碼" /></body></html>

以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持武林網!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 吉水县| 大同县| 交城县| 安福县| 金塔县| 霍州市| 九江市| 建瓯市| 积石山| 西盟| 辽宁省| 富锦市| 娱乐| 米易县| 措美县| 大英县| 四川省| 潍坊市| 思茅市| 明光市| 班玛县| 沭阳县| 年辖:市辖区| 福清市| 龙海市| 石狮市| 武清区| 瓦房店市| 阳江市| 县级市| 新蔡县| 枝江市| 安仁县| 浮梁县| 东乡族自治县| 浑源县| 土默特左旗| 富顺县| 惠来县| 鹤山市| 东明县|