一起自学前端开发!

js验证码倒计时

来源:原创    更新时间:2017-09-26 13:35:39    编辑:admin    浏览:1591
<!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>


评论区

表情

共0条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

相关内容

点击排行

随机新闻

评论排行榜