這篇文章主要介紹了javascript實現十秒鐘后注冊按鈕可點擊的方法,涉及javascript時間及樣式操作的相關技巧,需要的朋友可以參考下
本文實例講述了javascript實現十秒鐘后注冊按鈕可點擊的方法。分享給大家供大家參考。具體分析如下：
1.注冊按鈕初始狀態為不可用,disabled
2.啟動定時器，setInterval,1秒鐘運行一次CountDown方法，設定一個初始值為10的全局變量,
在CountDown方法中對全局變量倒數,然后將倒數的值寫到注冊按鈕上(請仔細閱讀協議(還剩8秒))。
3.直到全局變量的值<=0,就讓注冊按鈕可用，將按鈕的文本設置為"同意!"
- <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程序設計有所幫助。
新聞熱點
疑難解答
圖片精選
