Maison > interface Web > js tutoriel > js réalise l'effet de compte à rebours en cliquant pour obtenir les compétences de vérification code_javascript

js réalise l'effet de compte à rebours en cliquant pour obtenir les compétences de vérification code_javascript

WBOY
Libérer: 2016-05-16 15:34:24
original
2116 Les gens l'ont consulté

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>
Copier après la connexion

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.

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal