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
Lepaskan: 2016-05-16 15:34:24
asal
2116 orang telah melayarinya

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>
Salin selepas log masuk

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

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan