JS 60秒后重发送验证码

最新推荐文章于 2021-12-08 21:11:27 发布

转载最新推荐文章于 2021-12-08 21:11:27 发布 · 784 阅读

jQuery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用JavaScript实现了一个倒计时按钮功能。当按钮被点击后，将开始60秒倒计时，在此期间按钮无法再次被点击，并显示剩余的重新发送时间。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<button id="getPhoneCode"></button>
	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script>
		function settime($obj,time){
			if(time==0){
				$obj.attr("disabled",false);
				$obj.css("background","#f38401").css("cursor","pointer");
				$obj.text("获取手机验证码");
				return;
			}else{
				$obj.attr("disabled",true);
				$obj.css("background","#ccc").css("cursor","noe-allowed");
				$obj.text("重新发送("+time+")");
				time--;
			}
			setTimeout(function(){settime($obj,time)},1000);
		}
		settime($("#getPhoneCode"),60);
	</script>
</body>
</html>