本文介绍了一个简单的60秒倒计时功能实现方法，使用JavaScript进行编写，通过按钮点击触发倒计时过程，并展示了如何禁用按钮及更新显示状态。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>60秒倒计时</title>
<script type="text/javascript" src="../js/angular.min.js" ></script>
<script type="text/javascript">
var countdown = 60;
function settime(obj) {
if(countdown == 0) {
obj.removeAttribute("disabled");
obj.value = "免费获取验证码";
countdown = 60;
return;
} else {
obj.setAttribute("disabled", true);
obj.value = "重新发送(" + countdown + ")";
countdown--;
}
setTimeout(function() {
settime(obj)
}, 1000)
}
</script>
<body>
<input type="text" name="name" />
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
