這篇文章主要介紹了js定時(shí)器如何實(shí)現(xiàn)倒計(jì)時(shí)效果,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)長期為上千余家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為金州企業(yè)提供專業(yè)的網(wǎng)站制作、成都網(wǎng)站建設(shè),金州網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
具體內(nèi)容如下
日期函數(shù)
倒計(jì)時(shí) = 用 將來的時(shí)間 - 現(xiàn)在的時(shí)間
問題:將來時(shí)間 距離 1970 毫秒數(shù) - 現(xiàn)在距離 1970年1
用將來的毫秒數(shù) - 現(xiàn)在的毫秒數(shù) 不斷轉(zhuǎn)換就可以了
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> body{ font-size:30px; text-align: center; color:red; } </style> <script> window.onload = function(){ var demo = document.getElementById("demo"); var endTime = new Date("2017/11/12 17:30:00"); // 最終時(shí)間 setInterval(clock,1000); // 開啟定時(shí)器 function clock(){ var nowTime = new Date(); // 一定是要獲取最新的時(shí)間 // console.log(nowTime.getTime()); 獲得自己的毫秒 var second = parseInt((endTime.getTime() - nowTime.getTime()) / 1000); // 用將來的時(shí)間毫秒 - 現(xiàn)在的毫秒 / 1000 得到的 還剩下的秒 可能處不斷 取整 // console.log(second); // 一小時(shí) 3600 秒 // second / 3600 一共的小時(shí)數(shù) /24 天數(shù) var d = parseInt(second / 3600 / 24); //天數(shù) //console.log(d); var h = parseInt(second / 3600 % 24) // 小時(shí) // console.log(h); var m = parseInt(second / 60 ); //console.log(m); var s = parseInt(second ); // 當(dāng)前的秒 console.log(s); /* if(d<10) { d = "0" + d; }*/ d<10 ? d="0"+d : d; h<10 ? h="0"+h : h; m<10 ? m="0"+m : m; s<10 ? s="0"+s : s; demo.innerHTML = "距離搶購時(shí)間還剩: "+d+"天 "+h+"小時(shí) "+m+"分鐘 "+s+"秒"; } } </script> </head> <body> <div id="demo"></div> </body> </html>
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“js定時(shí)器如何實(shí)現(xiàn)倒計(jì)時(shí)效果”這篇文章對大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!
當(dāng)前文章:js定時(shí)器如何實(shí)現(xiàn)倒計(jì)時(shí)效果
分享鏈接:http://muchs.cn/article18/pidpdp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站維護(hù)、小程序開發(fā)、服務(wù)器托管、全網(wǎng)營銷推廣、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)