Heim >Web-Frontend >js-Tutorial >js erkennt den Countdown-Effekt des Klickens, um die Fähigkeiten zum Verifizierungscode_javascript zu erhalten

js erkennt den Countdown-Effekt des Klickens, um die Fähigkeiten zum Verifizierungscode_javascript zu erhalten

WBOY
WBOYOriginal
2016-05-16 15:34:242125Durchsuche

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.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn