短信验证码发送后倒计时60秒实现做法

//验证码倒计时60秒
var countdown=60;
function settime(obj) { //发送验证码倒计时
    if (countdown == 0) {
        obj.attr('disabled',false);
        //obj.removeattr("disabled");
        obj.val("免费获取验证码");
        countdown = 60;
        return;
    } else {
        obj.attr('disabled',true);
        obj.html("重新发送(" + countdown + ")");//我html用的是button按钮,如果使用input按钮的话 ,把html(),方法换成val()方法                        
        countdown--;
    }
    setTimeout(function() {
            settime(obj) }
        ,1000)
}
//发送验证码
$("#sendCode").click(function () {  //按钮的单击事件
    var obj = $("#sendCode");    //获取到按钮对象调方法
    settime(obj);

});

html代码

<button id="sendCode" class="btn btn-primary" style="margin-top: 20px">点击发送验证码</button>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值