js点击发送验证码 xx秒后重新发送
程序员文章站
2022-05-15 15:16:56
用于一些注册类的场景，点击发送验证码，xx秒后重新发送。 利用 setTimeout 方法，xx秒后执行指定的方法，修改button的属性值，disabled为true时为灰色，不可点击。 ......
用于一些注册类的场景，点击发送验证码，xx秒后重新发送。
利用 settimeout 方法，xx秒后执行指定的方法，修改button的属性值，disabled为true时为灰色，不可点击。
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!--<script src="http://libs.baidu.com/jquery/1.10.2/jquery.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>
<label>
<input type="text" name="textfield">
</label>
<input type="button" id="btn" value="获取验证码" onclick="settime(this)" />
</body>
</html>
上一篇： 简单好吃健康的酸奶水果蔬菜沙拉，你会做么