ホームページ > 記事 > ウェブフロントエンド > javascript_javascript スキルを使用して、10 秒後に登録ボタンをクリックできるようにする方法
この記事の例では、JavaScript を使用して、10 秒後に登録ボタンをクリックできるようにする方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。
1. 登録ボタンの初期状態は無効です
2. タイマー setInterval を開始し、CountDown メソッドを 1 秒ごとに実行し、初期値 10 のグローバル変数
を設定します。
CountDown メソッドでグローバル変数をカウントダウンし、登録ボタンにカウントダウン値を書き込みます(規約をよくお読みください(残り 8 秒))。
3. グローバル変数の値が
<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>
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。