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" id="btn" value="免费获取验证码" onclick="settime(this)" />  
	</body>
</html>

 

posted @ 2018-08-11 12:17  龙雪  阅读(1855)  评论(0编辑  收藏  举报