html代码:
<div class="code1">
<input id="code1" type="text" autocomplete="off" placeholder="短信验证码"/>
<input id="btnSendCode1" type="button" class="btn btn-default" value="获取验证码" onClick="sendMessage1()" />
</div>
js代码:
var btnSendCode1=document.querySelector("#btnSendCode1");
var count = 60; //间隔函数,1秒执行
var InterVal1; //timer变量,控制时间
function sendMessage() {
curCount1 = count;
btnSendCode1.setAttribute("disabled", "true");
btnSendCode1.innerHTML= curCount1 + "秒再获取";
InterVal1 = window.setInterval(SetTime1, 1000); //启动计时器,1秒执行一次
}
function SetTime1() {
if ( curCount1 == 0) {
window.clearInterval(InterVal1);//停止计时器
btnSendCode1.removeAttribute("disabled");//启用按钮
btnSendCode1.innerHTML="重新发送";
}else {
curCount1--;
btnSendCode1.innerHTML= curCount1 + "秒再获取";
}
}