js 短信倒计时60s
2024-10-16 04:04:15
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
#getCode {
width: 9rem;
height: 3rem;
line-height: 3rem;
font-size: 1.2rem;
background-color: #3a3a3a;
color: #fff;
border-radius: 0.8rem;
border: none;
text-align: center;
} #getCode[disabled] {
background-color: #B6B6B6;
}
</style> <body>
<button id="getCode">获取验证码</button>
</body>
<script src="https://cdn.bootcss.com/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function() {
//获取验证码
var getCode = document.getElementById('getCode');
var wait = 60; function time(btn) {
if (wait === 0) {
btn.removeAttribute("disabled");
btn.innerHTML = "获取验证码";
wait = 60;
} else {
btn.setAttribute("disabled", true);
btn.innerHTML = wait + "秒后重试";
wait--;
setTimeout(function() {
time(btn);
}, 1000);
}
}
getCode.onclick = function() {
time(this);
};
})
</script> </html>
最新文章
- Java Generics and Collections-2.4-2.5
- javascript--Math相关
- VUE 入门基础(5)
- c一些关键字
- C#多线程解决界面卡死问题的完美解决方案
- 查询使用NoLock
- hdu1007
- Oracle 表的连接方式(2)-----HASH JOIN的基本机制1
- android中给TextView或者Button的文字添加阴影效果
- volicity语法学习和总结
- Apache Spark Shark的简介
- 看几道JQuery试题后总结(上篇)
- 使用Intent 将底层栈里所有的activity都清理掉
- CABasicAnimation 基本动画
- ssh免密码和ssh-copy-id命令
- git rebase -i命令修改commit历史
- 创建文件DSN
- cocos2d-x 欢乐捕鱼游戏总结
- 小程序this.setData
- httpd-vhosts.conf配置