jquery 实现 点击按钮后倒计时效果，多用于实现发送手机验证码、邮箱验证码...

var InterValObj; //timer变量，控制时间  
var count = 5; //间隔函数，1秒执行  
var curCount;//当前剩余秒数  
  
  
function sendMessage() {  //启动计时器，1秒执行一次  
    curCount = count;
    $("#emailcode").attr("disabled", "true");  
    $("#emailcode").val(curCount + "秒后可以重发验证码");  
    InterValObj = window.setInterval(SetRemainTime, 1000); 
}  
  
  
//timer处理函数  
function SetRemainTime() { 
    if (curCount == 0) {                  
        window.clearInterval(InterValObj);//停止计时器  
        $("#emailcode").removeAttr("disabled");//启用按钮  
        $("#emailcode").val("重新发送验证码");  
    }  
    else {  
        curCount--;  
        $("#emailcode").val(curCount + "秒后可以重发验证码");  
    }  
} 






html
<input id="emailcode" class="recive" type="button" value="获取邮件验证码" οnclick="checkAuthCode()" />

 

转载于:https://www.cnblogs.com/zhangchengbing/p/6276979.html