JavaScript實現(xiàn)短信倒計時60s

更新時間：2017年10月09日 10:16:12 作者：abcByme

本文給大家分享一段實例代碼給大家詳細(xì)介紹了JavaScript實現(xiàn)短信倒計時60s功能，非常不錯，具有參考借鑒價值，需要的朋友參考下吧

廢話不多說了，直接給大家貼代碼了，具體代碼如下所示；

$(function(){
   //獲取驗證碼
   var getCode = document.getElementById('getCode');
    var wait = 60;
    function time(btn){
      if (wait===0) {
        btn.removeAttribute("disabled");
        btn.innerHTML = "獲取驗證碼";
        wait = 60;
      }else{
        btn.setAttribute("disabled",true);
        btn.innerHTML = wait + "秒后重試";
        wait--;
        setTimeout(function(){
          time(btn);
        },1000);
      }
    }
    getCode.onclick = function(){
      time(this);
    };
})

總結(jié)

以上所述是小編給大家介紹的JavaScript實現(xiàn)短信倒計時60s，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

前端微信H5公眾號實現(xiàn)授權(quán)登錄的方法總結(jié)
這篇文章主要介紹了如何在微信公眾號中實現(xiàn)網(wǎng)頁授權(quán)功能,包括創(chuàng)建微信服務(wù)公眾號、配置重定向地址、調(diào)試和開發(fā)使用等步驟,文中通過圖文及代碼介紹的非常詳細(xì),需要的朋友可以參考下
2025-01-01
20多個小事例帶你重溫ES10新特性(小結(jié))
這篇文章主要介紹了20多個小事例帶你重溫ES10新特性(小結(jié))，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
javascipt:filter過濾介紹及使用
filter是new一個新的array，這篇文章主要介紹了javascipt filter過濾介紹及使用,需要的朋友可以參考下
2014-09-09
javascript cookie的基本操作（添加和刪除）
這篇文章主要介紹了javascript cookie的基本操作的相關(guān)資料,這里對Cookie的操作進(jìn)行了詳細(xì)介紹包括獲取，新建，設(shè)置有效期，添加和刪除等，需要的朋友可以參考下
2017-07-07
怎樣用Javascript實現(xiàn)建造者模式
這篇文章主要介紹了怎樣用Javascript實現(xiàn)建造者模式，想學(xué)習(xí)設(shè)計模式的同學(xué)，可以參考下
2021-04-04
JS實現(xiàn)進(jìn)入頁面時漸變背景色的方法
這篇文章主要介紹了JS實現(xiàn)進(jìn)入頁面時漸變背景色的方法,涉及javascript操作css控制背景色漸變的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-02-02
換膚測試程序js腳本
換膚測試程序js腳本...
2007-01-01
淺析上傳頭像示例及其注意事項
本文主要分享一個簡易的上傳頭像示例以及其大致流程、實現(xiàn)過程中需要注意的事項。具有很好的參考價值，需要的朋友一起來看下吧
2016-12-12
JavaScript實例--創(chuàng)建一個歡迎cookie
這篇文章主要介紹了JavaScript實例--創(chuàng)建一個歡迎cookie，
2022-01-01
JS實現(xiàn)按鈕添加背景音樂示例代碼
這篇文章主要介紹了JS實現(xiàn)按鈕添加背景音樂示例代碼,需要的朋友可以參考下
2017-10-10