js实现发送验证码倒计时功能

最新推荐文章于 2022-08-21 22:31:25 发布

艳妮子Yeah

最新推荐文章于 2022-08-21 22:31:25 发布

阅读量237

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/wangxiuyan0228/article/details/80734657

版权

javascript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
</head>
<body>
	<input type="button" id="sendCode" value="send">
</body>
</html>
<script type="text/javascript">
	var sendCodeElement=document.getElementById("sendCode");
	var sendCodeTime=10;
	function CountZero(){
		if(sendCodeTime<=0){
            sendCodeElement.value="重新发送验证码";
		    sendCodeTime=10;
		    clearTimeout(CountZeros);
		    return;//跳出程序，防止再次定义setTimeout
		}else{
		    sendCodeTime--;
            sendCodeElement.value=sendCodeTime;
		} 	
		var CountZeros=setTimeout(function() {
			CountZero()
		},1000)
	}
	document.getElementById("sendCode").οnclick=function(){
		CountZero();	
	};
</script>