Heim >Web-Frontend >js-Tutorial >So machen Sie die Registrierungsschaltfläche mithilfe von Javascript_Javascript-Kenntnissen nach zehn Sekunden anklickbar

So machen Sie die Registrierungsschaltfläche mithilfe von Javascript_Javascript-Kenntnissen nach zehn Sekunden anklickbar

WBOY
WBOYOriginal
2016-05-16 15:59:291414Durchsuche

Das Beispiel in diesem Artikel beschreibt die Methode, mit JavaScript die Registrierungsschaltfläche nach zehn Sekunden anklickbar zu machen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

1. Der Anfangszustand der Registrierungsschaltfläche ist deaktiviert
2. Starten Sie den Timer setInterval, führen Sie die CountDown-Methode einmal pro Sekunde aus und legen Sie eine globale Variable mit einem Anfangswert von 10 fest,
Zählen Sie die globale Variable in der CountDown-Methode herunter und schreiben Sie dann den Countdown-Wert in die Registrierungsschaltfläche (bitte lesen Sie die Vereinbarung sorgfältig durch (8 Sekunden übrig)).
3. Bis der Wert der globalen Variablen <=0 ist, machen Sie die Registrierungsschaltfläche verfügbar und setzen Sie den Schaltflächentext auf „Zustimmen!“

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

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

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