js发送短信验证码，按钮指定时间不可点击

最新推荐文章于 2022-09-12 22:07:30 发布

litGrey

最新推荐文章于 2022-09-12 22:07:30 发布

阅读量2.4k

点赞数 1

分类专栏： javaScript 文章标签： js基本校验

本文链接：https://blog.csdn.net/luChenH/article/details/89496375

版权

javaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.js点击按钮获取验证码，按钮不可点击。设置时间60过后才可点击。

本例为60秒时间。代码可全复制，发送验证码后调用 getcheckCodeTime即可。提示可根据实际需求进行更改

var InterValObj; //timer变量，控制时间
var count = 60; //间隔函数，1秒执行
var curCount;//当前剩余秒数

/**
 * 获取检验码
 */
function getcheckCodeTime() {
    curCount = count;
    //设置button效果，开始计时
    $("#btnSendCode").attr("disabled", "true");
    $("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
    InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次

}

//timer处理函数
function SetRemainTime() {
    if (curCount == 0) {
        window.clearInterval(InterValObj);//停止计时器
        $("#btnSendCode").removeAttr("disabled");//启用按钮
        $("#btnSendCode").val("重新发送验证码");
    }
    else {
        curCount--;
        $("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
    }
}