Rumah >hujung hadapan web >tutorial js >js menyedari kesan undur klik untuk mendapatkan kemahiran kod_javascript pengesahan

js menyedari kesan undur klik untuk mendapatkan kemahiran kod_javascript pengesahan

WBOY
WBOYasal
2016-05-16 15:34:242124semak imbas

Untuk mengelakkan percubaan berniat jahat untuk mendapatkan mesej teks pengesahan dan e-mel pengesahan, tapak web akan mempunyai kesan kira detik pada butang yang mengklik untuk mendapatkan kod pengesahan. Untuk melaksanakan fungsi ini, setInterval dan clearInterval boleh digunakan, dan ia tidak memerlukan terlalu banyak kod. Contoh kesan dan kod adalah seperti berikut:

<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>

Gunakan setInterval dan clearIntervaljs untuk mencapai kesan undur klik js untuk mendapatkan kod pengesahan saya harap ia akan membantu pembelajaran semua orang.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn