<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<input type="button" id="btn" value="免费获取验证码" />
<script>
//(我是分开写的--后面的代码我是导入的)
$(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)
}
}
</script>
</body>
</html>按钮被点击后屏蔽点击且倒计时60S能再次被点击
猜你喜欢
转载自blog.csdn.net/KK_bluebule/article/details/81014630
今日推荐
周排行