JS實現(xiàn)的倒計時恢復(fù)按鈕點(diǎn)擊功能【可用于協(xié)議閱讀倒計時】
更新時間：2018年04月19日 10:43:21 作者：包子源
這篇文章主要介紹了JS實現(xiàn)的倒計時恢復(fù)按鈕點(diǎn)擊功能,可用于協(xié)議閱讀倒計時,涉及javascript基于setInterval的時間定時觸發(fā)相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)的倒計時恢復(fù)按鈕點(diǎn)擊功能。分享給大家供大家參考，具體如下：
倒計時時間到后，恢復(fù)按鈕點(diǎn)擊，常用于閱讀協(xié)議：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>www.dbjr.com.cn 閱讀協(xié)議倒計時</title>
<script>
var tim=9;
function aaa(){
var btnn=document.getElementById("btn");
if(tim<=0)
{
btnn.value="注冊";
btnn.disabled="";
}
else
{
btnn.value="請仔細(xì)閱讀，還剩" +tim+"秒";
tim--;
}
}
setInterval("aaa()",1000);
</script>
</head>
<body>
<textarea style="width: 500px;height: 300px;">
</textarea>
<input type="button" id="btn" value="請仔細(xì)閱讀，還剩10秒" disabled="disabled" />
</body>
</html>
運(yùn)行結(jié)果：
PS：這里再為大家推薦幾款時間及日期相關(guān)工具供大家參考使用：
在線秒表工具：
http://tools.jb51.net/bianmin/miaobiao
在線日期/天數(shù)計算器：
http://tools.jb51.net/jisuanqi/date_jisuanqi
在線日期天數(shù)差計算器：
http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix時間戳(timestamp)轉(zhuǎn)換工具：
http://tools.jb51.net/code/unixtime
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript時間與日期操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
在Layui中實現(xiàn)開關(guān)按鈕的效果實例
今天小編就為大家分享一篇在Layui中實現(xiàn)開關(guān)按鈕的效果實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實現(xiàn)貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
Javascript仿PHP $_GET獲取URL中的參數(shù)
這篇文章主要介紹了Javascript仿PHP $_GET獲取URL中的參數(shù)代碼實例,需要的朋友可以參考下2014-05-05
直方圖在我們平常的時候經(jīng)常見到，那么這篇文章給大家介紹了下如何使用D3.js實現(xiàn)直方圖，文中通過實例介紹的很詳細(xì)，有需要的朋友們可以參考借鑒。2016-09-09
這篇文章主要介紹了淺談javascript 函數(shù)屬性和方法的相關(guān)資料,需要的朋友可以參考下2015-01-01
本文主要介紹了使用webpack打包ts代碼的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
tostring 和 valueOf 函數(shù)是解決值的顯示和運(yùn)算的問題，本文主要介紹了js中toString()與valueOf()的使用，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
這篇文章主要介紹了JavaScript執(zhí)行模型的相關(guān)資料。幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-11-11
這篇文章主要介紹了JS數(shù)組扁平化、去重、排序操作,結(jié)合實例形式詳細(xì)分析了JS數(shù)組扁平化、去重、排序等相關(guān)操作原理、實現(xiàn)技巧與注意事項,需要的朋友可以參考下2020-02-02
Navigator.clipboard?API可以用來訪問系統(tǒng)剪貼板，可以實現(xiàn)【剪切、復(fù)制、粘貼】功能。該?API?被設(shè)計用來取代使用?document.execCommand()?的剪貼板訪問方式，不兼容?IE2023-05-05