js验证码倒计时
来源：原创 更新时间：2017-09-26 13:35:39 编辑：admin 浏览：3253
<!DOCTYPE html>
<html>
<head>
< charset="UTF-8">
< >验证码的倒计时</ >
<style type="text/css">
*{ margin: 0; padding: 0}
#btn{
background: #fff;
border-radius: 20%;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #fff;
margin: 100px auto;
height: 50px;
width: 150px;
color: #000;
}
#btn.set {
background: #666;
color: #fff;
}
</style>
</head>
<body>
<input type="button" id="btn" value="免费获取验证码" />
< type="text/ ">
var wait=12;
function time(o) {
if (wait == 0) {
o.removeAttribute("disabled");
o.className = "";
o.value="免费获取验证码";
wait = 12;
}
else {
if(wait<10){
o.value="重新发送(0"+wait+")";
wait--;
setTimeout(function() {
time(o)
},1000)
}
else{
o.setAttribute("disabled", true);
o.className = "set";
o.value="重新发送(" + wait + ")";
wait--;
setTimeout(function() {
time(o)
},1000)
}
}
}
document.getElementById("btn"). =function(){
time(this);
}
</ >
</body>
</html>
标签：
一套标准的前端代码工作流
我做前端这 12 年来的感悟
前端重磅：Vue.js 3.0...
一个前端开发学习神器...
