js實現(xiàn)用戶注冊協(xié)議倒計時的方法
更新時間：2015年01月21日 10:34:27 投稿：shichen2014
這篇文章主要介紹了js實現(xiàn)用戶注冊協(xié)議倒計時的方法,是開發(fā)會員注冊功能時非常實用的技巧,需要的朋友可以參考下
本文實例講述了js實現(xiàn)用戶注冊協(xié)議倒計時的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
復制代碼 代碼如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>注冊</title>
<script type="text/javascript">
//用戶有十秒鐘的時間看協(xié)議，超過十秒鐘，“同意”按鈕將生效
var Seconds = 10;
//計時器ID
var setIntervalID;
function ok() {
var getid = document.getElementById("but");
if (Seconds <= 0) {
getid.value="同意";
getid.disabled = false; //或者寫成getid.disabled=""; 啟用getid控件。
//停止計時器
clearInterval(setIntervalID);
}
else {
getid.value = "請仔細閱讀協(xié)議還剩下【" + Seconds + "】秒";
}
Seconds--;
}
setIntervalID=setInterval("ok()", 1000);
</script>
</head>
<body>
<textarea cols="20" rows="8"></textarea><br />
<!--disabled="disabled" 默認submit表單是禁用的，也就是只讀的，不能點擊-->
<input type="submit" id ="but" value="同意" disabled="disabled" />
</body>
</html>
<head>
<title>注冊</title>
<script type="text/javascript">
//用戶有十秒鐘的時間看協(xié)議，超過十秒鐘，“同意”按鈕將生效
var Seconds = 10;
//計時器ID
var setIntervalID;
function ok() {
var getid = document.getElementById("but");
if (Seconds <= 0) {
getid.value="同意";
getid.disabled = false; //或者寫成getid.disabled=""; 啟用getid控件。
//停止計時器
clearInterval(setIntervalID);
}
else {
getid.value = "請仔細閱讀協(xié)議還剩下【" + Seconds + "】秒";
}
Seconds--;
}
setIntervalID=setInterval("ok()", 1000);
</script>
</head>
<body>
<textarea cols="20" rows="8"></textarea><br />
<!--disabled="disabled" 默認submit表單是禁用的，也就是只讀的，不能點擊-->
<input type="submit" id ="but" value="同意" disabled="disabled" />
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
本文主要分享了JS圖片壓縮的方法。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
Bootstrap彈出框之自定義懸停框標題、內容和樣式示例代碼
這篇文章主要介紹了Bootstrap彈出框之自定義懸停框標題、內容和樣式示例代碼,需要的朋友可以參考下2017-07-07
偶爾發(fā)現(xiàn) js 中有個延時加載的標簽 defer,還在疑惑這么好用的東西為什么沒有流行起來,本人今天把它拾起來用了一下，發(fā)現(xiàn)只在ie7，8，9和360安全濟覽器下可以，知道為什么不用它了吧2012-12-12
這篇文章主要介紹了prototype框架中美元符號$用法,結合實例形式較為詳細的分析了$符號的使用技巧與相關注意事項,需要的朋友可以參考下2016-01-01
基于BootStrap Metronic開發(fā)框架經驗小結【九】實現(xiàn)Web頁面內容的打印預覽和保存操作
本篇文章主要介紹如何實現(xiàn)Web頁面內容的打印預覽和保存操作的相關知識，感興趣的朋友一起學習吧2016-05-05
這篇文章主要介紹了JS簡單計算器的實現(xiàn)方法,以加法實例分析了js實現(xiàn)計算功能的技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了如何利用Cesium實現(xiàn)加載顯示熱力圖，文中的示例代碼講解詳細，對我們學習或工作有一定的幫助，需要的可以參考一下2022-06-06
純Javascript實現(xiàn)Windows 8 Metro風格實現(xiàn)
Windows 8 Metro風格設計，實現(xiàn)網站或系統(tǒng)功能的導航，在本文將為大家介紹下如何用純Javascript實現(xiàn)Windows 8 Metro風格，感興趣的朋友可以參考下2013-10-10
這篇文章給大家講述了關于js的視頻和音頻采集的相關知識點內容，有需要的朋友們可以學習下。2018-08-08
JavaScript如何利用Promise控制并發(fā)請求個數(shù)
大家都知道js是單線程，并不存在真正的并發(fā)，但是由于JavaScript的Event Loop機制，使得異步函數(shù)調用有了“并發(fā)”這樣的假象。這篇文章主要給大家介紹了關于JavaScript如何利用Promise控制并發(fā)請求個數(shù)的相關資料,需要的朋友可以參考下2021-05-05