JS實現的倒計時恢復按鈕點擊功能【可用于協(xié)議閱讀倒計時】
更新時間：2018年04月19日 10:43:21 作者：包子源
這篇文章主要介紹了JS實現的倒計時恢復按鈕點擊功能,可用于協(xié)議閱讀倒計時,涉及javascript基于setInterval的時間定時觸發(fā)相關操作技巧,需要的朋友可以參考下
本文實例講述了JS實現的倒計時恢復按鈕點擊功能。分享給大家供大家參考，具體如下：
倒計時時間到后，恢復按鈕點擊，常用于閱讀協(xié)議：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>m.fzitv.net 閱讀協(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
在線日期/天數計算器：
http://tools.jb51.net/jisuanqi/date_jisuanqi
在線日期天數差計算器：
http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix時間戳(timestamp)轉換工具：
http://tools.jb51.net/code/unixtime
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript時間與日期操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要介紹了使用JavaScript字符串解決回文數的方案,JavaScript中的字符串是一種數據類型,用于表示文本數據,字符串可以包含任意字符序列,包括字母、數字、符號和空格,靈活掌握字符串的解決問題思想,巧用字符串解決回文數,需要的朋友可以參考下2024-05-05
JavaScript中常用的3種彈出提示框(alert、confirm、prompt)
這篇文章主要給大家介紹了關于JavaScript中常用的3種彈出提示框(alert、confirm、prompt)的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
typeof 返回變量的類型字符串值 、其中包括 “object”、“number”、“string”、“undefined”、“boolean”。這篇文章重點給大家介紹ECMAScript typeof用法，需要的朋友參考下2018-07-07
這篇文章主要介紹了JS實現黑色大氣的二級導航菜單效果,具有延遲響應鼠標事件顯示切換效果的功能,非常簡單實用,需要的朋友可以參考下2015-09-09
當鍵盤彈出后，頁腳也被頂起來；而當搜索完（要刷新整體頁面），鍵盤縮回后，iframe里 鍵盤當住的地方變成白色。怎么解決這個問題呢？下面腳本之家小編給大家分享微信頁面彈出鍵盤后iframe內容變空白的解決方案，一起看看吧2017-09-09
javascript的propertyIsEnumerable()方法使用介紹
propertyIsEnumerable()是用來檢測屬性是否屬于某個對象的,如果檢測到了,返回true,否則返回false，下面為大家介紹下其具體的使用2014-04-04
寫任何編程代碼，不同的開發(fā)者都會有不同的見解。但參考一下總是好的，下面是來自Javascript Toolbox發(fā)布的14條最佳JS代碼編寫技巧，Sofish翻譯(1,2)。2011-01-01
這篇文章主要給大家介紹了關于javascript隱藏顯示div的兩種方式,實現的代碼很簡單,點擊時先判斷div是否是顯示,如果div是顯示就把div設置為隱藏,否則就變?yōu)轱@示,需要的朋友可以參考下2022-09-09
這篇文章主要為大家詳細介紹了js+css實現紅包雨效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
談談IntersectionObserver懶加載的具體使用
這篇文章主要介紹了談談IntersectionObserver懶加載的具體使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10