JavaScript中60s倒计时，获取页面验证码

最新推荐文章于 2022-07-18 22:35:12 发布

IT-Xu_LongTeng

最新推荐文章于 2022-07-18 22:35:12 发布

阅读量171

点赞数

文章标签： JavaScript 事件

本文链接：https://blog.csdn.net/weixin_44269204/article/details/89478613

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			window.onload=function(){
				var Btn=document.getElementById('btn');
				Btn.addEventListener('click',show,false);
				 var num=60;
				 var timeout;
				function show(){				
					 num--;	
					 Btn.innerHTML=num+'s后重新获取';
					 if(num<=0){
					 	clearTimeout(timeout);
					 	num=60;
					 	Btn.innerHTML='获取验证码！';
					 }else{
					 	timeout=setTimeout(show,1000);
					 }
				}				
			}
		</script>
	</head>
	<body>
		<button id="btn">免费获取验证码</button>
	</body>
</html>