javascript實(shí)現(xiàn)十秒鐘后注冊按鈕可點(diǎn)擊的方法
更新時(shí)間：2015年05月13日 11:25:47 作者：永遠(yuǎn)愛好寫程序
這篇文章主要介紹了javascript實(shí)現(xiàn)十秒鐘后注冊按鈕可點(diǎn)擊的方法,涉及javascript時(shí)間及樣式操作的相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了javascript實(shí)現(xiàn)十秒鐘后注冊按鈕可點(diǎn)擊的方法。分享給大家供大家參考。具體分析如下：
1.注冊按鈕初始狀態(tài)為不可用,disabled
2.啟動(dòng)定時(shí)器，setInterval,1秒鐘運(yùn)行一次CountDown方法，設(shè)定一個(gè)初始值為10的全局變量,
在CountDown方法中對全局變量倒數(shù),然后將倒數(shù)的值寫到注冊按鈕上(請仔細(xì)閱讀協(xié)議(還剩8秒))。
3.直到全局變量的值<=0,就讓注冊按鈕可用，將按鈕的文本設(shè)置為"同意!"
<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是否為空的判斷，
//因?yàn)橛锌赡芫W(wǎng)速很慢,setInterval后，btnReg按鈕還沒加載
if (MyCount <= 0) {
btnReg.disabled = ""; //或者btnReg.disabled="disabled"也可以
btnReg.value = "同意";
clearInterval(intervalID); //清除定時(shí)器
}
else {
btnReg.value = "請仔細(xì)閱讀協(xié)議(還剩" + MyCount + "秒)";
MyCount--;
}
}
}
intervalID=setInterval("CountDown()", 1000);
</script>
</head>
<body>
<textarea>請同意本站的協(xié)議</textarea><br />
<input id="btnReg" type="button" value="同意" disabled="disabled" />
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
Rollup處理并打包JS文件項(xiàng)目實(shí)例代碼
rollup是一款用來es6模塊打包代碼的構(gòu)建工具(支持css和js打包)。這篇文章主要介紹了Rollup處理并打包JS文件項(xiàng)目實(shí)例,需要的朋友可以參考下2018-05-05
JS中async/await實(shí)現(xiàn)異步調(diào)用的方法
這篇文章主要介紹了async/await實(shí)現(xiàn)異步調(diào)用的方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細(xì)介紹了bootstrap輪播圖示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
從我寫的as tween改寫的，基本功能跟as里面寫的一樣，只是沒有擴(kuò)展特定功能的接口（比如alpha2，move2，size2，color2等接口,這些在as tween里面都有實(shí)現(xiàn)）。2008-12-12
幾個(gè)比較實(shí)用的JavaScript 測試及效驗(yàn)工具
JavaScript 是一款強(qiáng)大的廣泛運(yùn)用于現(xiàn)代Web站點(diǎn)及應(yīng)用的腳本語言。作為一個(gè)技藝精湛的 Web 開發(fā)者，掌握J(rèn)avaScript可以增強(qiáng)用戶的使用體驗(yàn)，提供交互及富客戶端等功能。2010-04-04
IE8 內(nèi)存泄露(內(nèi)存一直增長 )的原因及解決辦法
最近開發(fā)的時(shí)候?qū)撁媸褂昧硕〞r(shí)的局部更新，結(jié)果在ie6，7和Firefox下，一切正常，而在ie8下過上幾個(gè)小時(shí)就瀏覽器就崩潰了，顯示是內(nèi)存溢出，下面由腳本之家小編給大家介紹ie8下內(nèi)存一直增長內(nèi)存泄漏的原因及解決辦法，需要的朋友一起學(xué)習(xí)吧2016-04-04
解決axios會(huì)發(fā)送兩次請求,有個(gè)OPTIONS請求的問題
這篇文章主要介紹了解決axios會(huì)發(fā)送兩次請求,有個(gè)OPTIONS請求的問題,需要的朋友可以參考下2018-10-10
當(dāng)我們在開發(fā)Uni-app應(yīng)用時(shí),經(jīng)常會(huì)遇到需要在不同頁面之間傳遞參數(shù)的情況,為了實(shí)現(xiàn)跨頁面?zhèn)鲄?Uni-app提供了幾種方式,所以本文小編將給大家介紹一下uniapp跨頁面?zhèn)鲄⒌膸追N方式,文中有詳細(xì)的代碼示例供大家參考,需要的朋友可以參考下2024-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)美團(tuán)菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-06-06
下面小編就為大家?guī)硪黄猻witch語句的妙用(必看篇)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10