<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>倒計時然后才可以點擊效果代碼</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="請仔細閱讀協(xié)議(還剩"+s+"秒)";
  s--;
 }
 }
}
var id = setInterval('countsub()',1000)
</script>
</head>
<body>
<textarea>注冊協(xié)議</textarea>
<input id="btnReg" type="button" value="同意" disabled="true" />
</body>
</html>

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

您可能感興趣的文章:

js
倒計時

相關(guān)文章

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