js實現(xiàn)n秒倒計時后才可以點擊的效果
更新時間：2015年12月20日 09:02:36 投稿：lijiao
這篇文章主要介紹了js點擊按鈕在倒計時后才可以點擊的效果,需要的朋友可以參考下
在我們進(jìn)行注冊用戶時經(jīng)常遇到點擊按鈕后，60秒倒計時后才能繼續(xù)可以點擊，按鈕上還能顯示倒計時，這60秒時間就是為大家提供”細(xì)閱讀協(xié)議“做準(zhǔn)備的，這種功能是如何實現(xiàn)的，下面為大家分享詳細(xì)代碼。
<!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="請仔細(xì)閱讀協(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è)計有所幫助。
相關(guān)文章
JS request函數(shù) 用來獲取url參數(shù)
項目中經(jīng)常會遇到這種問題 下面代碼解決問題！2010-05-05
firefox TBODY 用js顯示和隱藏時出現(xiàn)錯位的解決方法
今天幫別人寫一個網(wǎng)頁，發(fā)現(xiàn)：當(dāng)用javascript動態(tài)設(shè)置tr.style.display = "block"顯示某行時，使用IE瀏覽沒有問題，但使用firefox瀏覽時該行被移到了其它行的后面，很是詫異。2008-12-12
js+canvas實現(xiàn)轉(zhuǎn)盤效果（兩個版本）
這篇文章主要為大家詳細(xì)介紹了兩個版本的js+canvas實現(xiàn)轉(zhuǎn)盤效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
JavaScript正則表達(dá)式exec/g實現(xiàn)多次循環(huán)用法示例
這篇文章主要介紹了JavaScript正則表達(dá)式exec/g實現(xiàn)多次循環(huán)用法,結(jié)合實例形式分析了javascript正則表達(dá)式g修飾符相關(guān)使用技巧,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了JavaScript之移動端H5生成圖片解決方案講解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
Bootstrap - 簡潔、直觀、強悍、移動設(shè)備優(yōu)先的前端開發(fā)框架,讓web開發(fā)更迅速、簡單。下面給大家介紹Bootstrap表格的使用的相關(guān)知識，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
在js中自一些字符串刪除空格的功能，本文章來介紹了字符串刪除功能加利用正則快速替換字符串中所有空格實現(xiàn)代碼2012-10-10
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)鍵字添加標(biāo)簽效果實例
這篇文章主要給大家介紹了利用Javascript實現(xiàn)一個簡單的輸入關(guān)鍵字添加標(biāo)簽效果的相關(guān)資料，類似動態(tài)添加標(biāo)簽的效果，文中介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友可以參考借鑒，下面來一起看看吧。2017-06-06