jQuery 驗證碼讀秒是一種常見的驗證碼驗證技術(shù),用于防止自動化腳本和垃圾郵件。它通過在網(wǎng)頁上顯示一張圖片或一個文本,要求用戶輸入相同的內(nèi)容,以證明用戶是真實的人類而不是機器或程序。
在此技術(shù)中,顯示的驗證碼通常有一個過期時間限制,當超過此時間限制后,驗證碼將失效,需要重新刷新,以便用戶可以輸入新的驗證碼。為了讓用戶知道剩余的時間,我們可以使用 jQuery 驗證碼讀秒功能。
<script> var countdown = 60; //設(shè)置倒計時時間為60秒 function settime(obj) { if (countdown == 0) { obj.removeAttribute("disabled"); //啟用按鈕 obj.value = "免費獲取驗證碼"; //重置按鈕文本 countdown = 60; //重置倒計時時間 return; } else { obj.setAttribute("disabled", true); //禁用按鈕 obj.value = "重新發(fā)送(" + countdown + ")"; //設(shè)置按鈕文本 countdown--; //遞減倒計時時間 } setTimeout(function() { settime(obj) }, 1000); //設(shè)置定時器,每隔1秒執(zhí)行一次 } </script>
上述代碼中,我們首先設(shè)置了一個初始倒計時時間為60秒,然后定義了一個名為 settime 的函數(shù),該函數(shù)接收一個參數(shù) obj,該參數(shù)用于傳遞需要進行倒計時的按鈕元素。
在函數(shù)體中,我們使用了一個條件語句,當?shù)褂嫊r時間 countdown 等于 0 時,我們啟用按鈕,重置按鈕文本和倒計時時間。否則,我們禁用按鈕,設(shè)置按鈕文本為倒計時時間 countdown,遞減倒計時時間,并在 1 秒后再次調(diào)用 settime 函數(shù),以達到倒計時的效果。
最后,我們在 HTML 中使用以下代碼調(diào)用 settime 函數(shù):
<input type="button" value="免費獲取驗證碼" onclick="settime(this)">
這樣,用戶點擊 “免費獲取驗證碼” 按鈕后,就會開始倒計時,并顯示剩余時間,直到倒計時時間為 0,再次啟用按鈕。