js倒计时60s

作者:Jasmine - 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);
}

效果:



本文作者: Jasmine

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

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


 请勿发布不友善或者负能量的内容。审查将对发布广告等违规信息进行处罚!