思路:
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>