欢迎访问 如意编程网！
TAG聚合

如意编程网

当前位置： 首页 > 前端技术 > HTML >内容正文

HTML

HTML：简单实现短信验证码的按钮界面显示

发布时间：2022/11/16 HTML 8 老码农
如意编程网 收集整理的这篇文章主要介绍了 HTML：简单实现短信验证码的按钮界面显示 小编觉得挺不错的,现在分享给大家,帮大家做个参考. 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<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 + "s)"; 
			        countdown--; 
			    } 
			setTimeout(function() { 
			    settime(obj) }
			    ,1000) 
			}
			  
		</script>
		<input />
		<input type="button"  />  
	</body>
</html>

 

总结

以上是如意编程网为你收集整理的HTML：简单实现短信验证码的按钮界面显示的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错，欢迎将如意编程网推荐给好友。