js防刷新倒计时--发送验证码倒计时

最新推荐文章于 2019-11-13 12:28:37 发布

不想做厨师的程序员不是好农民

最新推荐文章于 2019-11-13 12:28:37 发布

阅读量463

点赞数

CC 4.0 BY-SA版权

文章标签： js 倒计时

本文链接：https://blog.youkuaiyun.com/Ming_key/article/details/83268985

本文介绍了一种使用JavaScript和jQuery实现的验证码倒计时按钮功能。通过设置按钮的禁用状态、更改按钮文本和控制透明度，实现了60秒后的自动解锁。此功能常见于网站注册或登录页面，用于限制用户频繁请求验证码。

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

<input type="button" class="inputbutton" id="getcode" value="获取验证码" onclick="send()">

var code = $("#getcode");
code.attr("disabled","disabled");
setTimeout(function(){
    code.css("opacity","0.8");
},1000)
var time = 60;
var set=setInterval(function(){
    code.val("("+--time+")秒后重新获取");
}, 1000);
setTimeout(function(){
    code.attr("disabled",false).val("重新获取验证码");
    clearInterval(set);
}, 60000);