點(diǎn)擊按鈕出現(xiàn)60秒倒計時的簡單js代碼(推薦)

字號:


    下面小編就為大家?guī)硪黄c(diǎn)擊按鈕出現(xiàn)60秒倒計時的簡單js代碼(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。
    點(diǎn)擊按鈕出現(xiàn)60秒倒計時的簡單js代碼(推薦)
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>點(diǎn)擊按鈕出現(xiàn)60秒倒計時的簡單js代碼(推薦)</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    </head>
    <body>
    <input type="button" id="btn" value="免費(fèi)獲取驗證碼" onclick="settime(this)" />
    <script type="text/javascript">
    var countdown=60;
    function settime(val) {
    if (countdown == 0) {
    val.removeAttribute("disabled");
    val.value="免費(fèi)獲取驗證碼";
    countdown = 60;
    } else {
    val.setAttribute("disabled", true);
    val.value="重新發(fā)送(" + countdown + ")";
    countdown--;
    }
    setTimeout(function() {
    settime(val)
    },1000)
    }
    </script>
    </body>
    </html>
    以上這篇點(diǎn)擊按鈕出現(xiàn)60秒倒計時的簡單js代碼(推薦)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考