昨天遇到了驗證碼發送，發出來給新人借鑒一下，覺得有用的話點個贊哦 首先body中給按鈕加一個id方便取用
<input type="button" value="發送驗證碼" id="bt" onclick="getCode()">js中：
//設定一個發送驗證碼的冷卻時間
let cd = 0;
//用來保存當前計時器編號
let timerId = 0;
//發送驗證碼的按鈕
let bt = $("#id");
//保存css設定的顏色
let bgColor = bt.css("background-color")
// alert(bgColor)
function getCode() {
if(cd===0) {
//cd為0，向服務器發一送請求（已省略！！！）
//然后將cd改為60（一分鐘內不能再次發送）
cd = 60
//設定一個計時器，每1000毫秒執行一次設定冷卻時間的函式
timerId = setInterval(setTime, 1000)
//設定計時器后彈出一下它的編號（不必要）
// alert(timerId)
//修改按鈕背景色
bt.css("background-color","#ccc")
}else{
alert("請在"+cd+"秒后重試")
}
}
function setTime() {
//冷卻時間未結束
if(cd>0){
//冷卻時間減一秒
cd --
//將按鈕的文字修改（在后面附帶剩余冷卻時間秒數）
bt.val("發送驗證碼("+cd+")")
}else{
//冷卻時間為0，清除當前計時器
clearTimeout(timerId)
//恢復按鈕顯示文字
bt.val("發送驗證碼")
//恢復按鈕背景色
bt.css("background-color",bgColor)
}
}轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/349638.html
標籤：其他