按钮置灰倒计时

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
var countdown = 3;

function settime(obj) {
if(countdown == 0) {
obj.removeAttribute("disabled");
obj.value = "免费获取验证码";
countdown = 3;
return;
} else {
obj.setAttribute("disabled", true);
obj.style.background = "#f2f2f2";
obj.value = "重新发送(" + countdown + ")";
countdown--;
}
setTimeout(function() {
settime(obj)
}, 1000)
}
</script>

<body>
<input type="button" id="btn" value="免费获取验证码" style="background: #FB870D;" onclick="settime(this)" />

</body>

</html>

猜你喜欢

转载自guoyulong005.iteye.com/blog/2378672
今日推荐