原生js獲取驗證碼倒計時

var countdown=60; 
function settime(obj) { 
    if (countdown == 0) { 
        obj.removeAttribute("disabled");    
        obj.value="免費獲取驗證碼"; 
        countdown = 60; 
        return;
    } else { 
        obj.setAttribute("disabled", true); 
        obj.value="重新發(fā)送(" + countdown + ")"; 
        countdown--; 
    } 
    setTimeout(function() { 
        settime(obj) 
    },1000) 
}

<input type="button" id="btn" value="免費獲取驗證碼" onclick="settime(this)" />

注意：有時候會失效，在input里加上name即可

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具（例如配置管理，服務(wù)發(fā)現(xiàn)，斷路器，智...
    卡卡羅2017閱讀 134,991評論 19贊 139
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序：基本語法，類相關(guān)的語法，內(nèi)部類的語法，繼承相關(guān)的語法，異常的語法，線程的語...
    子非魚_t_閱讀 31,778評論 18贊 399
  • 工廠模式類似于現(xiàn)實生活中的工廠可以產(chǎn)生大量相似的商品，去做同樣的事情，實現(xiàn)同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 7,854評論 2贊 17
  • 本來想寫一篇關(guān)于消費觀的文章，不過最后寫著寫著，發(fā)現(xiàn)越寫越矛盾，最后索性就棄了。就像很多時候，我們總是有各種矛盾的...
    漱玉余清閱讀 387評論 0贊 1
  • 靈犀外賣小程序開發(fā)步驟： 安裝說明 1、導入db文件夾中的數(shù)據(jù)到Bmob，關(guān)于Bmob的入門使用，請參見：http...
    第九程序官方閱讀 1,463評論 1贊 4