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

首頁 > 編程 > JavaScript > 正文

JS+HTML5實現獲取手機驗證碼倒計時按鈕

2019-11-19 13:19:22
字體:
來源:轉載
供稿:網友

效果圖如下所示:

HTML:

 <input type="button" value="獲取驗證碼"> 

CSS:

 input[type=button]  width: 150px;  height: 30px;  background-color: #ff3000;  border: 0;  border-radius: 15px;  color: #fff; } input[type=button].on {  background-color: #eee;  color: #ccc;  cursor: not-allowed; }

JavaScript:

 $("input[type='button']").click(btnCheck);  /**  * [btnCheck 按鈕倒計時常用于獲取手機短信驗證碼]  */  function btnCheck() {   $(this).addClass("on");   var time = 5;   $(this).attr("disabled", true);   var timer = setInterval(function() {    if (time == 0) {     clearInterval(timer);     $("input").attr("disabled", false);     $("input").val("獲取驗證碼");     $("input").removeClass("on");    } else {     $('input').val(time + "秒");     time--;    }   }, 1000);  }

GitHub:Fuck me on GitHub Fuck me on GitHub

總結

以上所述是小編給大家介紹的JS+HTML5實現獲取手機驗證碼倒計時按鈕,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 呼和浩特市| 巧家县| 南乐县| 马龙县| 上林县| 五河县| 江城| 沈丘县| 阿合奇县| 远安县| 洛宁县| 鞍山市| 安义县| 巨野县| 峡江县| 寿宁县| 苏尼特右旗| 中牟县| 绿春县| 海林市| 锦屏县| 莎车县| 北流市| 河北省| 长沙县| 高唐县| 荣昌县| 乌兰县| 金平| 临潭县| 云南省| 格尔木市| 丰都县| 盱眙县| 永吉县| 临高县| 玛纳斯县| 昌邑市| 剑川县| 沁源县| 栖霞市|