javascript實現十秒鐘后注冊按鈕可點擊的方法

2024-05-06 16:20:04

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了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>