Heim > Artikel > Web-Frontend > js erkennt den Countdown-Effekt des Klickens, um die Fähigkeiten zum Verifizierungscode_javascript zu erhalten
Um böswillige Versuche zu verhindern, Bestätigungs-SMS und Bestätigungs-E-Mails zu erhalten, wird auf der Website ein Countdown-Effekt auf die Schaltfläche angewendet, auf die geklickt wird, um den Bestätigungscode zu erhalten. Um diese Funktion zu implementieren, können setInterval und clearInterval verwendet werden, und es ist nicht zu viel Code erforderlich. Die Beispieleffekte und Codes lauten wie folgt:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <input type="button" style="height:32px;width:120px;" value="点击发送验证码" onclick="sendCode(this)" /> <script type="text/javascript"> var clock = ''; var nums = 10; var btn; function sendCode(thisBtn) { btn = thisBtn; btn.disabled = true; //将按钮置为不可点击 btn.value = nums+'秒后可重新获取'; clock = setInterval(doLoop, 1000); //一秒执行一次 } function doLoop() { nums--; if(nums > 0){ btn.value = nums+'秒后可重新获取'; }else{ clearInterval(clock); //清除js定时器 btn.disabled = false; btn.value = '点击发送验证码'; nums = 10; //重置时间 } } </script>
Verwenden Sie setInterval und clearIntervaljs, um den Countdown-Effekt von js zu erzielen. Klicken Sie, um den Bestätigungscode zu erhalten. Ich hoffe, dass dies für das Lernen aller hilfreich ist.