javaScript同意等待代碼實(shí)現(xiàn)心得
更新時(shí)間：2011年01月01日 19:18:11 作者：
javaScript功能描述：本程序?qū)崿F(xiàn)在同意某某協(xié)議頁(yè)面對(duì)同意按鈕進(jìn)行十秒鐘的禁用，同時(shí)在按鈕的Value顯示倒計(jì)時(shí)。
正確源程序如下：
<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頁(yè)面是從上到下，解析到btnReg = document.getElementById("btnReg")時(shí)，id為btnReg的按鈕還沒(méi)被解析出來(lái)，所以全局變量btnReg的值為為定義，
又因?yàn)橹粓?zhí)行了一次所以程序?qū)崿F(xiàn)不了功能了，而正確的源程序每隔一秒就去取一次，等到button按鈕解析出來(lái)后就可以去到值，程序就可以實(shí)現(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頁(yè)面是從上到下，解析到btnReg = document.getElementById("btnReg")時(shí)，id為btnReg的按鈕還沒(méi)被解析出來(lái)，所以全局變量btnReg的值為為定義，
又因?yàn)橹粓?zhí)行了一次所以程序?qū)崿F(xiàn)不了功能了，而正確的源程序每隔一秒就去取一次，等到button按鈕解析出來(lái)后就可以去到值，程序就可以實(shí)現(xiàn)功能了。
您可能感興趣的文章:
- 原生javascript模仿win8等待提示圓圈進(jìn)度條
- JavaScript生成隨機(jī)數(shù)的4種自定義函數(shù)分享
- JavaScript判斷變量是否為空的自定義函數(shù)分享
- javascript 自定義回調(diào)函數(shù)示例代碼
- javascript自定義函數(shù)參數(shù)傳遞為字符串格式
- JavaScript保留兩位小數(shù)的2個(gè)自定義函數(shù)
- JavaScript格式化日期時(shí)間的方法和自定義格式化函數(shù)示例
- JavaScript自定義日期格式化函數(shù)詳細(xì)解析
- JavaScript自定義等待wait函數(shù)實(shí)例分析
相關(guān)文章
js實(shí)現(xiàn)內(nèi)置計(jì)時(shí)器
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)內(nèi)置計(jì)時(shí)器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
JavaScript控制語(yǔ)句及搭建前端服務(wù)器的過(guò)程詳解
這篇文章主要介紹了JavaScript控制語(yǔ)句及搭建前端服務(wù)器,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-04-04![[js高手之路]設(shè)計(jì)模式系列課程-發(fā)布者,訂閱者重構(gòu)購(gòu)物車(chē)的實(shí)例](http://img.jbzj.com/images/xgimg/bcimg2.png)
[js高手之路]設(shè)計(jì)模式系列課程-發(fā)布者,訂閱者重構(gòu)購(gòu)物車(chē)的實(shí)例
下面小編就為大家?guī)?lái)一篇[js高手之路]設(shè)計(jì)模式系列課程-發(fā)布者,訂閱者重構(gòu)購(gòu)物車(chē)的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
今天小編大家分享一篇layer.open 獲取不到表單信息的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要介紹了對(duì)象偽裝來(lái)實(shí)現(xiàn)繼承。我們?cè)谶@里先來(lái)說(shuō)一下這種方式的優(yōu)缺點(diǎn)2014-05-05
這篇文章主要介紹了a標(biāo)簽中href=""的幾種用法 ,需要的朋友可以參考下2017-08-08
Firefox 包含了一個(gè)非標(biāo)準(zhǔn)的 JavaScript 擴(kuò)展，使正則像函數(shù)一樣可調(diào)用。2008-04-04
如何用js將blob為pcm格式轉(zhuǎn)換為MP3格式
要將PCM文件轉(zhuǎn)換為MP3文件,您可以使用Js實(shí)現(xiàn),這篇文章主要給大家介紹了關(guān)于如何用js將blob為pcm格式轉(zhuǎn)換為MP3格式的相關(guān)資料,需要的朋友可以參考下2023-11-11
這里使用JS實(shí)現(xiàn)網(wǎng)頁(yè)上的霓虹燈文字特效代碼特效，運(yùn)行效果看一下，你會(huì)看到文字的顏色像霓虹燈一樣，連續(xù)不停變化，五顏六色的，很炫的樣子，所以就叫做霓虹文字，也可以叫他文字變色效果，下面跟著小編一起學(xué)習(xí)JavaScript制作霓虹燈文字 代碼特效，需要的朋友一起學(xué)習(xí)吧2015-09-09
js實(shí)現(xiàn)類(lèi)似iphone的網(wǎng)頁(yè)滑屏解鎖功能示例【附源碼下載】
這篇文章主要介紹了js實(shí)現(xiàn)類(lèi)似iphone的網(wǎng)頁(yè)滑屏解鎖功能,結(jié)合完整實(shí)例形式分析了javascript動(dòng)態(tài)操作頁(yè)面元素實(shí)現(xiàn)解鎖效果的相關(guān)實(shí)現(xiàn)技巧，并附帶供讀者源碼下載參考,需要的朋友可以參考下2019-06-06