js 短信60秒倒计时

最新推荐文章于 2024-02-03 11:02:39 发布

转载最新推荐文章于 2024-02-03 11:02:39 发布 · 177 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhengxq21/p/9689773.html

文章标签：

#javascript #ViewUI

本文介绍了一种实现短信验证码倒计时功能的方法，通过JavaScript控制按钮状态，限制用户在一定时间内重新发送验证码，提高了用户体验和安全性。

废话不多说，看代码。

这是获取短信的按钮

<a href="javascript:void(0);" id="gSMS" onclick="get_sms_captcha('2')" style="font-size: 0.6rem;color: #444;left: 0.5rem;">获取短信验证码</a>

下面是js代码，思想就是定义60的数，然后定时器设置为一秒，每一秒执行一次。等到0是就可以重新获取短信验证码。

var countDownT = 60;
function get_sms_captcha(type){
    countDownT = 60;
    setTime();
    //下方写业务
}

function  setTime(){
    if (countDownT == 0){
        $("#gSMS").attr("onclick","get_sms_captcha('2')");
        $("#gSMS").text("获取短信验证码");
    } else{
        $("#gSMS").attr("onclick","#");
        $("#gSMS").text("重新发送("+countDownT+")");
        countDownT--;
        setTimeout(function () {
            setTime();
        },1000)
    }
}

转载于:https://www.cnblogs.com/zhengxq21/p/9689773.html