前端页面按钮:
<button type="button" value="" id="btn_code" >获取验证码</button></td>
JS:
var mydate= new Date();//获取当前时间
mydate.setMinutes(mydate.getMinutes()+1); //当前时间加1分钟
var end_time = new Date(mydate).getTime(),//月份是实际月份-1
var sys_second = (end_time-new Date().getTime())/1000;
var timer = setInterval(function(){
if (sys_second > 1) {
sys_second -= 1;
var second = Math.floor(sys_second % 60);
$("#btn_code").attr("disabled","true");//添加disabled属性
$("#btn_code").css("color","gray");
$("#btn_code").html(second+"s后重新获取验证码");
} else {
$("#btn_code").removeAttr("disabled");//移除disabled属性
$("#btn_code").css("color","black");
$("#btn_code").html("获取验证码");
clearInterval(timer);//清楚定时器
}
}, 1000);