jquery点击按钮进行发送二维码的倒计时_js二维码设置倒计时-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_58451019/article/details/124247473

思路：

1.先点击按钮的只看（disabled）模式开启，并且调用将要写的函数

2.封装一个函数，当倒计时完毕后，只读模式关闭。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script src="js/jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		
		$(function(){
			//点击按钮，将按钮设置成 只看 模式
			$("button").click(function(){
				//利用prop这个方法，对disabled进行删除
				$(this).prop("disabled",true)
				//将掉用的函数进行赋值
				shedule(5)
				
			})
			
		//封装一个函数，进行判段
		function shedule(time){
			$("button").html(time+"秒")
			//time等于零时，恢复disabled的功能。
			if(time == 0){
				$("button").html("发送二维码！")
				//恢复功能
				$("button").prop("disabled",false)
				// 每次执行完毕后返回，并将time初始化为5
				return time=5 ;
				
			
			
		}
		// 每隔一秒调用一下
		setTimeout(function(){
			
			shedule(time)
			
		},1000)
		//每执行一次进行减1
		time--
		}
	})
	</script>
	
	
	
	<body>
		
		<button type="button">发送二维码</button>
		
	</body>
</html>