javaScript同意等待代碼實現(xiàn)心得
更新時間：2011年01月01日 19:18:11 作者：
javaScript功能描述：本程序?qū)崿F(xiàn)在同意某某協(xié)議頁面對同意按鈕進行十秒鐘的禁用，同時在按鈕的Value顯示倒計時。
正確源程序如下：
<script type="text/javascript">
var lastTime = 3;
function abc() {
var btnReg = document.getElementById("btnReg");
if (!btnReg) { return; }
if (lastTime <= 0) {
btnReg.value = "同意";
btnReg.disabled = "";
clearInterval("TimeId");
}
else {
btnReg.value = "還剩下" + lastTime + "秒";
lastTime--;
}
}
var TimeId = setInterval("abc()", 1000);
</script>
我把第四行的 var btnReg = document.getElementById("btnReg")定義為全局變量btnReg = document.getElementById("btnReg");
并且放到函數(shù)abc()之外，程序?qū)崿F(xiàn)不了功能了。
原因如下：瀏覽器解析Html頁面是從上到下，解析到btnReg = document.getElementById("btnReg")時，id為btnReg的按鈕還沒被解析出來，所以全局變量btnReg的值為為定義，
又因為只執(zhí)行了一次所以程序?qū)崿F(xiàn)不了功能了，而正確的源程序每隔一秒就去取一次，等到button按鈕解析出來后就可以去到值，程序就可以實現(xiàn)功能了。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var lastTime = 3;
function abc() {
var btnReg = document.getElementById("btnReg");
if (!btnReg) { return; }
if (lastTime <= 0) {
btnReg.value = "同意";
btnReg.disabled = "";
clearInterval("TimeId");
}
else {
btnReg.value = "還剩下" + lastTime + "秒";
lastTime--;
}
}
var TimeId = setInterval("abc()", 1000);
</script>
我把第四行的 var btnReg = document.getElementById("btnReg")定義為全局變量btnReg = document.getElementById("btnReg");
并且放到函數(shù)abc()之外，程序?qū)崿F(xiàn)不了功能了。
原因如下：瀏覽器解析Html頁面是從上到下，解析到btnReg = document.getElementById("btnReg")時，id為btnReg的按鈕還沒被解析出來，所以全局變量btnReg的值為為定義，
又因為只執(zhí)行了一次所以程序?qū)崿F(xiàn)不了功能了，而正確的源程序每隔一秒就去取一次，等到button按鈕解析出來后就可以去到值，程序就可以實現(xiàn)功能了。
您可能感興趣的文章:
相關(guān)文章
JavaScript通過attachEvent和detachEvent方法處理帶參數(shù)的函數(shù)
通過 attachEvent 和 detachEvent 方法處理帶參數(shù)的函數(shù)(示例代碼)2010-03-03
這篇文章主要為大家介紹了JavaScript之Array常見的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助V2021-11-11
webpack結(jié)合express實現(xiàn)自動刷新的方法
這篇文章主要給大家介紹了關(guān)于webpack結(jié)合express實現(xiàn)自動刷新的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用webpack具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
本文主要介紹了uniapp項目打包為桌面應(yīng)用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-08-08
這篇文章主要介紹了js實現(xiàn)表單項的全選、反選及刪除操作,結(jié)合實例形式分析了基于dedecms后臺使用js實現(xiàn)表單項的全選、反選及刪除相關(guān)操作技巧,需要的朋友可以參考下2020-06-06
當(dāng)$.get返回失敗后調(diào)用fail方法示例詳解
這篇文章主要介紹了當(dāng)$.get返回失敗后，調(diào)用fail方法,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-12-12
下面小編就為大家?guī)硪黄獨w納下js面向?qū)ο蟮膸追N常見寫法總結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
js和jquery批量綁定事件傳參數(shù)一(新豬豬原創(chuàng))
js綁定事件傳參,javascript綁定事件傳參數(shù),jquery綁定事件傳參數(shù)2010-06-06
javascript 一個函數(shù)對同一元素的多個事件響應(yīng)
具體方法如下該方法實現(xiàn)了對一個按鈕的mouseover和click事件的響應(yīng)2009-07-07
css值轉(zhuǎn)換成數(shù)值請拋棄parseInt
絕大多數(shù)人喜歡用parseInt()把css中的字符串值轉(zhuǎn)換成數(shù)值2011-10-10