<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>60秒计时器</title>
</head>
<body>
<button id="btn">点击获取验证码</button>
</body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").removeAttr("disabled");
});
$("#btn").click(function(){
time1 = 60;
$("#btn").text("(" + time1 + "秒)后获重新取验证码");
setTime=setInterval("timer()",1000);
$("#btn").attr({"disabled":"disabled"});
});
function timer(){
time1--;
$("#btn").text("(" + time1+ "秒)后获重新取验证码");
if (time1 < 0) {
$("#btn").text("重新发送验证码");
$("#btn").removeAttr("disabled");
clearInterval(setTime);
}
}
</script>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>60秒计时器</title>
</head>
<body>
<button id="btn">点击获取验证码</button>
</body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").removeAttr("disabled");
});
$("#btn").click(function(){
time1 = 60;
$("#btn").text("(" + time1 + "秒)后获重新取验证码");
setTime=setInterval("timer()",1000);
$("#btn").attr({"disabled":"disabled"});
});
function timer(){
time1--;
$("#btn").text("(" + time1+ "秒)后获重新取验证码");
if (time1 < 0) {
$("#btn").text("重新发送验证码");
$("#btn").removeAttr("disabled");
clearInterval(setTime);
}
}
</script>
</html>