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