您好,登錄后才能下訂單哦!
這篇文章主要為大家詳細(xì)介紹了js+html5實(shí)現(xiàn)頁面可刷新的倒計(jì)時效果,代碼較為詳細(xì),文章整體比較簡潔,容易學(xué)習(xí),非常適合初學(xué)者入門。
寫了一個5分鐘倒計(jì)時的代碼,有的時候代碼需要刷新,然后倒計(jì)時又從4:59開始了,我想到的一個解決辦法,就是使用緩存,將開始倒計(jì)時的時間加上要倒計(jì)時的5分鐘設(shè)為緩存,然后直接用這個緩存時間減去當(dāng)前時間,就可以一直倒計(jì)時了,不管你在倒計(jì)時過程中操作了什么,時間總在變吧,哈哈,原理就是這樣嘀。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>簡單易用的倒計(jì)時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>
以上就是js+html5實(shí)現(xiàn)頁面可刷新的倒計(jì)時效果的具體操作,代碼應(yīng)該是足夠清楚的,而且我也相信有相當(dāng)?shù)囊恍├涌赡苁俏覀內(nèi)粘9ぷ骺赡軙姷玫降?。通過這篇文章,希望你能收獲更多。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。