jquery倒计时制作

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

}
<input type="button" class="btn" value="获取验证码" onclick="clickButton(this)"><script>
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);
}

posted @ 2017-09-05 21:06  周先生66  阅读(121)  评论(0编辑  收藏  举报