js倒计时60s

作者:Dolly - 2017-06-16

html:

<input type="button"  class="btn" value="获取验证码"  onclick="clickButton(this)" />

css:

.btn { 
    width:120px;
    height:40px;   
    float:left;
    color: white;
    background-color: #3498db;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;

}

js:

function clickButton(obj){

    var obj = $(obj);
    obj.attr("disabled","disabled");
    var time = 60;
    var set=setInterval(function(){
    obj.val(--time+"(s)");
    }, 1000);

    setTimeout(function(){
    obj.attr("disabled",false).val("重新获取验证码");
    clearInterval(set);
    }, 60000);
}

效果: