js实现发送验证码倒计时

最新推荐文章于 2024-01-06 11:08:09 发布

秋树春夏

最新推荐文章于 2024-01-06 11:08:09 发布

阅读量604

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/ggsafe/article/details/52915837

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	
	<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
	<button id="sendCaptcha">
		发送验证码
	</button>

	<script type="text/javascript">
		var count;
		var t;
		function countdown(){
			if (count == 0) {
				$("#sendCaptcha").text("发送验证码");
				$("#sendCaptcha").removeAttr("disabled");
				clearTimeout(t);
			} else{
				$("#sendCaptcha").attr('disabled','disabled');
				$("#sendCaptcha").text('重新发送（'+count+'）');
				count--;
				setTimeout(countdown, 1000);
			}
		}
		
		$("#sendCaptcha").click(function(){
			count = 60;
			t = setTimeout(countdown, 1000);
		})
	</script>
</body>
</html>

秋树春夏

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js实现发送验证码倒计时

Document 发送验证码 var count; var t; function countdown(){ if (count == 0) { $("#sendCaptcha").text("发送验证码"); $("#sendCaptcha").removeAttr("disabled"); clearTimeout(t);
复制链接

扫一扫

专栏目录