Heim > Artikel > Web-Frontend > So machen Sie die Registrierungsschaltfläche mithilfe von Javascript_Javascript-Kenntnissen nach zehn Sekunden anklickbar
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.