js倒计时60s

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);
}

效果:

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/557

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！