<style type="text/css">
.color-gray{
color:gray;
}
.color-green{
color:#3cc51f;
}
</style>
function get_countdown(elementName) {
var t = 59;//倒计总秒数
var time = 59;//当前秒数
if (time == t) { //如果不加入该判断,则会出现在倒计时期间不断的点击发生不断的加快(其实就是你点了多少次就重复多少次该函数)的问题,用setTimeout()方法不加此判断也是一样的
var time1 = setInterval(function() {
if (time == 0) {
$(elementName).html("获取验证码");
$(elementName).removeAttr("disabled");
time = t;
clearInterval(time1);
$(elementName).addClass("color-green").removeClass("color-gray");
} else {
$(elementName).attr("disabled","true");
$(elementName).html(time + "秒后可重新获取");
$(elementName).removeClass("color-green").addClass("color-gray");
time--;
}
console.log(time);
}, 1000);
}
}
//elementName为按钮的class名