javascript實現十秒鐘後註冊按鈕可點選的方法_javascript技巧
- WBOY原創
- 2016-05-16 15:59:291397瀏覽
本文實例講述了javascript實現十秒鐘後註冊按鈕可點擊的方法。分享給大家供大家參考。具體分析如下：
1.註冊按鈕初始狀態為不可用,disabled
2.啟動定時器，setInterval,1秒鐘執行一次CountDown方法，設定初始值為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程式設計有所幫助。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn