- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細(xì)教程
- 6Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 7Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經(jīng)發(fā)出去的郵件怎么知道對方是否已經(jīng)查看
- 11AMD推土機架構(gòu)回顧：雖隕落卻是Zen成功的墊腳石
- 12美國增加25％進(jìn)口關(guān)稅！PC硬件要大漲價
聊天工具辦公軟件殺毒教程系統(tǒng)工具圖形圖像電腦學(xué)習(xí)應(yīng)用軟件網(wǎng)絡(luò)軟件蘋果應(yīng)用注冊碼網(wǎng)站教程技術(shù)開發(fā)安卓教程其它教程
您當(dāng)前所在位置：網(wǎng)視手游站 -> 網(wǎng)站教程 -> js+html5完成頁面可刷新的倒計時效果
js+html5完成頁面可刷新的倒計時效果
發(fā)表時間：2023-09-08 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這篇文章主要為大家詳細(xì)介紹了js+html5實現(xiàn)頁面可刷新的倒計時效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下寫了一個5分鐘倒計時的代碼，有的時候代碼需要刷新，然后倒計時又從4：59開始了，我想到的一個解決辦法，就是使用緩存，將開始倒計時的時間加上要倒計時的5分鐘設(shè)為緩存，然后直接用這個...
這篇文章主要為大家詳細(xì)介紹了js+html5實現(xiàn)頁面可刷新的倒計時效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下寫了一個5分鐘倒計時的代碼，有的時候代碼需要刷新，然后倒計時又從4：59開始了，我想到的一個解決辦法，就是使用緩存，將開始倒計時的時間加上要倒計時的5分鐘設(shè)為緩存，然后直接用這個緩存時間減去當(dāng)前時間，就可以一直倒計時了，不管你在倒計時過程中操作了什么，時間總在變吧，哈哈，原理就是這樣嘀。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>簡單易用的倒計時js代碼</title>
</head>
<body>
<p id="time"></p>
<script src="js/jquery-git.js"></script>
<script>
localStorage.setItem('start', new Date().getTime());
countDown(localStorage.getItem('start'));
function countDown(startTime) {
var time = setInterval(function() {
var currentTime = new Date();
var second = 59 - parseInt(((currentTime.getTime() - startTime) / 1000) % 60);
var min = 4 - parseInt((currentTime.getTime() - startTime) / 60000);
if(min < 10) {
min = "0" + min;
}
if(second < 10) {
second = "0" + second;
}
var countDown = min + ":" + second;
$('#time').html(countDown);
if(second == 0 && min == 0) {
clearInterval(time);
}
}, 1000)
}
</script>
</body>
</html>相關(guān)推薦：
JavaScript實現(xiàn)獲取遠(yuǎn)程的html到當(dāng)前頁面中
以上就是js+html5實現(xiàn)頁面可刷新的倒計時效果的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
標(biāo)簽：js+html5完成頁面可刷新的倒計時效果
推薦資訊 總?cè)藲獍?/span>
最新教程 本月人氣
- 1藍(lán)色大海的傳說第8集中文視頻資源鏈接
- 2騰訊視頻會員賬號共享（2018.12.9更新）
- 3你的名字等10部治愈系動漫電影推薦
- 4優(yōu)酷土豆黃金會員免費領(lǐng)取地址列表
- 5藍(lán)色大海的傳說第7集百度云鏈接（中文字幕高清）
- 6你的名字背景音樂在什么地方下載？嗶哩嗶哩你的名字音樂合集
- 7愛奇藝app賬號如何查看設(shè)備登陸地點？
- 8酷狗音樂會員賬號免費分享（2018.12.14更新）
- 9騰訊視頻會員賬號共享（2018年12月14日更新）
- 10《心里的聲音》加長版上線！搜狐視頻會員賬號免費分享
- 11最新騰訊視頻會員共享（更新日期：2018年12月13日）
- 12孤單又燦爛的神-鬼怪第4集中文視頻下載地址
- 1鬼怪大結(jié)局是什么？韓劇《鬼怪》大結(jié)局第16集視頻鏈接
- 2用PS如何將照片背景換成藍(lán)色
- 3知道sql語句中where與having的區(qū)別
- 4mysql event事件調(diào)度器的圖文代碼詳細(xì)說明
- 5詳細(xì)說明MySQL5.7中的關(guān)鍵字與保留字
- 6QQ影音如何截取QQ表情？QQ影音截取QQ表情圖文說明教程
- 7QQ影音如何播放3D視頻？QQ影音播放3D視頻設(shè)置技巧
- 8最新愛奇藝會員賬號密碼大全（2017.2.20）
- 9QQ影音如何轉(zhuǎn)換視頻格式？
- 10最新愛奇藝vip會員賬號免費共享（2017年2月）
- 11qq影音如何慢放與加速？
- 12qq影音如何刪除？qq影音刪除圖文步驟
