Afin d'empêcher les tentatives malveillantes d'obtenir des messages texte et des e-mails de vérification, le site Web aura un effet de compte à rebours sur le bouton sur lequel clique pour obtenir le code de vérification. Pour implémenter cette fonction, un setInterval et un clearInterval peuvent être utilisés, et cela ne nécessite pas trop de code. Les exemples d'effets et de codes sont les suivants :
<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>
Utilisez setInterval et clearIntervaljs pour obtenir l'effet de compte à rebours du clic js pour obtenir le code de vérification. J'espère que cela sera utile à l'apprentissage de chacun.