網(wǎng)摘:https://www.cnblogs.com/fengzikuange/p/6150258.html
https://www.cnblogs.com/Unknw/p/6689137.html
https://blog.csdn.net/caopengflying/article/details/79120589
防抖動(dòng)囱修,其核心內(nèi)涵在于延遲處理
點(diǎn)擊發(fā)送驗(yàn)證碼之后功蜓,摁扭變成不可點(diǎn)擊狀態(tài)变丧,
并且顯示60秒動(dòng)態(tài)倒計(jì)時(shí),當(dāng)time == 0時(shí)秒梅,摁扭重新變成可點(diǎn)擊狀態(tài)
html代碼:<button id="btn">發(fā)送驗(yàn)證碼</button>
js代碼:
let wait = 10;
let btn = document.getElementById("btn");
btn.onclick = function(){
// time(this);
var timer = setInterval(function(){
if(wait == 0){
btn.removeAttribute("disabled",false);
btn.innerHTML = "重新發(fā)送驗(yàn)證碼";
clearInterval(timer);
}else{
btn.setAttribute("disabled",true);
btn.innerHTML = wait + "s";
wait--;
}
},1000);
};
/*
function time(o){
if(wait == 0){
o.removeAttribute("disabled",false);
o.innerHTML = "重新發(fā)送驗(yàn)證碼";
wait = 60;
}else{
o.setAttribute("disabled",true);
o.innerHTML = wait + "s";
wait--;
setTimeout(function(){
time(o);
},1000);
}
}*/
感謝閱讀我的文章屋确,如有疑問或?qū)戝e(cuò)的地方,請(qǐng)不吝留言賜教