recherche

Maison  >  Article  >  interface Web  >  Comment rendre le bouton d'inscription cliquable après dix secondes en utilisant les compétences javascript_javascript

Comment rendre le bouton d'inscription cliquable après dix secondes en utilisant les compétences javascript_javascript

WBOY
WBOYoriginal
2016-05-16 15:59:291408parcourir

L'exemple de cet article décrit la méthode d'utilisation de JavaScript pour rendre le bouton d'inscription cliquable après dix secondes. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

1. L'état initial du bouton d'inscription est désactivé
2. Démarrez le minuteur, setInterval, exécutez la méthode CountDown une fois par seconde et définissez une variable globale avec une valeur initiale de 10,
Comptez à rebours la variable globale dans la méthode CountDown, puis écrivez la valeur du compte à rebours sur le bouton d'enregistrement (veuillez lire attentivement l'accord (8 secondes restantes)).
3. Jusqu'à ce que la valeur de la variable globale soit <=0, rendez le bouton d'enregistrement disponible et définissez le texte du bouton sur « J'accepte ! » 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script type="text/javascript">
 var MyCount = 10;
 var intervalID;
 function CountDown() {
  var btnReg = document.getElementById("btnReg");
  if (btnReg) {
  //此处要加上btnReg是否为空的判断，
  //因为有可能网速很慢,setInterval后，btnReg按钮还没加载
  if (MyCount <= 0) {
   btnReg.disabled = ""; //或者btnReg.disabled="disabled"也可以
   btnReg.value = "同意";
   clearInterval(intervalID); //清除定时器
  }
  else {
   btnReg.value = "请仔细阅读协议(还剩" + MyCount + "秒)";
   MyCount--;
  }
  }
 }
 intervalID=setInterval("CountDown()", 1000);
 </script>
</head>
<body>
 <textarea>请同意本站的协议</textarea><br />
 <input id="btnReg" type="button" value="同意" disabled="disabled" />
</body>
</html>
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration：
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
Article précédent：Méthode de mise en œuvre de la simulation Javascript notant les compétences control_javascriptArticle suivant：Méthode de mise en œuvre de la simulation Javascript notant les compétences control_javascript

Articles Liés

Voir plus