本文转自：https://blog.****.net/lhmyy521125/article/details/86636424

前言

在目前众多的网站或系统商经常能发现一些手机获取验证码并操作的功能，下面给大家分享前端JavaScript倒计时的效果；

效果图

以下是我某项目找回密码的截图

JS代码

/**
 * 倒计时
 * e 代表发送按钮对象
 */
function resetTime(e){
    var second = 60;
    var timer = null;
    timer = setInterval(function(){
        second -= 1;
        if(second >0){
            $(e).attr('disabled',true);
            $(e).text(second + "秒后获取验证码");
        }else{
            clearInterval(timer);
            $(e).attr('disabled',false);
            $(e).text("发送短信验证码");
        }
    },1000);
}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19