js实现发送验证码倒计时按钮
2024-10-19 14:33:53
在写注册页面时,有时候需要发送注册邮件来获取验证码,但是为了防止多次重复发送邮件,
必须让按钮隔一段时间后才能再次使用。
代码如下:
<html>
<head>
<meta charset="utf-8">
<title>验证码按钮</title>
</head>
<body>
<button type="button" id="send">发送验证码</button>
<script type="text/javascript">
wait = 60;
function wait_time(btn) {
if (wait == 0) {
btn.removeAttribute("disabled");
btn.innerText = "发送验证码";
wait = 60;
} else {
btn.setAttribute("disabled", true);
btn.innerText = wait+"秒后重新发送";
wait--;
setTimeout(function(){wait_time(btn);},1000);
}
}
document.getElementById('send').onclick = function(){wait_time(this)};
</script>
</body>
</html>
最新文章
- iOS面试题2
- Jenkins自动部署Tomcat项目
- java.lang.IllegalStateException: Failed to read Class-Path attribute from manifest of jar file:/XXX
- FileUpload无法赋值解决方案
- UILabel自适应高、宽
- 2015年最新出炉的JavaScript开发框架
- Apache Tomcat下载、安装、配置图文教程
- Yaf 使用遇到的坑
- Python之测试webservice接口
- Swift入门(五)——数组(Array)
- java中子类继承父类程序执行顺序问题
- eclemma怎么安装 eclemma的安装与简单使用图文教程(附下载)
- 使用kbmmw 实现图形验证码
- Fit项目分页组件的编写
- unity中利用纯物理工具制作角色移动跳跃功能
- C# 异步编程Task整理(二)异常捕捉
- (转)(HR面试)最常见的面试问题和技巧性答复
- Mysql 内部默认排序
- (快速幂)Key Set--hdu--5363
- C++笔记 3