出处:http://blog.csdn.net/qq_26525215
本文源自【大学之旅_谙忆的博客】
这个主要是用在手机验证码注册的时候用的多,
比如:
正如上图所示那样-60S后还会还原、
直接上代码:
<input type="button" id='codeBtn' value="免费获取验证码"></input>
<script src="js/reg.js"></script>
//(我是分开写的
var wait = 60;
function time(btn) {
if(wait == 0) {
btn.removeAttribute("disabled");
btn.value = "免费获取验证码";
wait = 60;
} else {
btn.setAttribute("disabled", true);
btn.value = "重新发送(" + wait + ")";
wait
setTimeout(function() {
time(btn)
},
1000)
}
}
document.getElementById("codeBtn").onclick = function() {
time(this);
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
jQuery代码实现:
<input type="button" id="btn" value="免费获取验证码" />
$(function() {
$(function() {
$("#btn").click(settime);
});
});
var countdown = 60;
function settime() {
if(countdown == 0) {
$("#btn").attr("disabled", false);
$("#btn").attr("value", "免费获取验证码");
countdown = 60;
} else {
$("#btn").attr("disabled", true);
$("#btn").attr("value", "重新发送(" + countdown + ")");
countdown--;
setTimeout(settime, 1000)
}
}
出处:http://blog.csdn.net/qq_26525215
本文源自【大学之旅_谙忆的博客】