溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
用于一些注冊類的場景，點擊發送驗證碼，xx秒后重新發送。
利用 setTimeout 方法，xx秒后執行指定的方法，修改button的屬性值，disabled為true時為灰色，不可點擊。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>-->
<script type="text/javascript">
var countdown=60;
function settime(obj) {
if (countdown == 0) {
obj.removeAttribute("disabled");
obj.value="獲取驗證碼";
countdown = 60;
return;
} else {
obj.setAttribute("disabled", true);
obj.value="重新發送(" + countdown + ")";
countdown--;
}
setTimeout(function() {
settime(obj);
}
,1000);
}
</script>
<body>
<label>
<input type="text" name="textfield">
</label>
<input type="button" id="btn" value="獲取驗證碼" onclick="settime(this)" />
</body>
</html>
總結
以上所述是小編給大家介紹的JS實現點擊發送驗證碼 xx秒后重新發送功能,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
