jquery 手机号验证码倒计时

最新推荐文章于 2025-05-20 11:26:31 发布

原创最新推荐文章于 2025-05-20 11:26:31 发布 · 370 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#手机获取验证码倒计时

js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现的验证码倒计时按钮功能。通过设置按钮的点击事件，实现点击后按钮禁用并开始倒计时，倒计时结束后按钮恢复可用状态。该方法适用于网站注册或找回密码等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html

<input type="button" onclick="settime(this)" value="免费获取验证码">

js

var countdown=60;
function settime(obj){
    if(countdown==0){
    obj.removeAttribute("disabled");
    obj.value="免费获取验证码";
    countdown=60;
    return;
    }
    else{
    obj.setAttribute("disabled",true);
    obj.value="重新发送("+countdown+")";
    countdown--;
    }
    setTimeout(function(){
    settime(obj)},1000)
}