在我們進(jìn)行注冊(cè)用戶時(shí)經(jīng)常遇到點(diǎn)擊按鈕后，60秒倒計(jì)時(shí)后才能繼續(xù)可以點(diǎn)擊，按鈕上還能顯示倒計(jì)時(shí)，這60秒時(shí)間就是為大家提供”細(xì)閱讀協(xié)議“做準(zhǔn)備的，這種功能是如何實(shí)現(xiàn)的，下面為大家分享詳細(xì)代碼。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>倒計(jì)時(shí)然后才可以點(diǎn)擊效果代碼</title> 
<script type="text/javascript">
var s=4;
function countsub()
{
 var btnReg=document.getElementById("btnReg");
 if(btnReg)
 {
 if(s<=0)
 {
  btnReg.value="同意";
  btnReg.disabled=false;
  clearInterval(id);
 }
 else
 {
  btnReg.value="請(qǐng)仔細(xì)閱讀協(xié)議(還剩"+s+"秒)";
  s--;
 }
 }
}
var id = setInterval('countsub()',1000)
</script>
</head>
<body>
<textarea>注冊(cè)協(xié)議</textarea>
<input id="btnReg" type="button" value="同意" disabled="true" />
</body>
</html>

希望本文所述對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS request函數(shù) 用來(lái)獲取url參數(shù)
項(xiàng)目中經(jīng)常會(huì)遇到這種問(wèn)題下面代碼解決問(wèn)題！
2010-05-05
firefox TBODY 用js顯示和隱藏時(shí)出現(xiàn)錯(cuò)位的解決方法
今天幫別人寫一個(gè)網(wǎng)頁(yè)，發(fā)現(xiàn)：當(dāng)用javascript動(dòng)態(tài)設(shè)置tr.style.display = "block"顯示某行時(shí)，使用IE瀏覽沒(méi)有問(wèn)題，但使用firefox瀏覽時(shí)該行被移到了其它行的后面，很是詫異。
2008-12-12
js+canvas實(shí)現(xiàn)轉(zhuǎn)盤效果（兩個(gè)版本）
這篇文章主要為大家詳細(xì)介紹了兩個(gè)版本的js+canvas實(shí)現(xiàn)轉(zhuǎn)盤效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09
JavaScript正則表達(dá)式exec/g實(shí)現(xiàn)多次循環(huán)用法示例
這篇文章主要介紹了JavaScript正則表達(dá)式exec/g實(shí)現(xiàn)多次循環(huán)用法,結(jié)合實(shí)例形式分析了javascript正則表達(dá)式g修飾符相關(guān)使用技巧,需要的朋友可以參考下
2017-01-01
JavaScript之移動(dòng)端H5生成圖片解決方案講解
這篇文章主要介紹了JavaScript之移動(dòng)端H5生成圖片解決方案講解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-08-08
淺析Bootstrap表格的使用
Bootstrap - 簡(jiǎn)潔、直觀、強(qiáng)悍、移動(dòng)設(shè)備優(yōu)先的前端開(kāi)發(fā)框架,讓web開(kāi)發(fā)更迅速、簡(jiǎn)單。下面給大家介紹Bootstrap表格的使用的相關(guān)知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
2016-06-06
javaScript 刪除字符串空格多種方法小結(jié)
在js中自一些字符串刪除空格的功能，本文章來(lái)介紹了字符串刪除功能加利用正則快速替換字符串中所有空格實(shí)現(xiàn)代碼
2012-10-10
詳解JS對(duì)象封裝的常用方式
JS是一門面向?qū)ο笳Z(yǔ)言,其對(duì)象是用prototype屬性來(lái)模擬的，本文介紹了如何封裝JS對(duì)象，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2016-12-12
JavaScript基于DOM操作實(shí)現(xiàn)簡(jiǎn)單的數(shù)學(xué)運(yùn)算功能示例
這篇文章主要介紹了JavaScript基于DOM操作實(shí)現(xiàn)簡(jiǎn)單的數(shù)學(xué)運(yùn)算功能,涉及javascript節(jié)點(diǎn)操作、元素遍歷及數(shù)學(xué)運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下
2017-01-01
Javascript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的輸入關(guān)鍵字添加標(biāo)簽效果實(shí)例
這篇文章主要給大家介紹了利用Javascript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的輸入關(guān)鍵字添加標(biāo)簽效果的相關(guān)資料，類似動(dòng)態(tài)添加標(biāo)簽的效果，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-06-06