本文實(shí)例為大家分享了js實(shí)現(xiàn)指定時(shí)間倒計(jì)時(shí)的具體代碼,供大家參考,具體內(nèi)容如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>計(jì)時(shí)</title> </head> <body> <div > <span>從2019年6月31日至今:</span> <span id="timeid1" ></span>天 <span id="timeid2" ></span>小時(shí) <span id="timeid3" ></span>分 <span id="timeid4" ></span>秒 </div> <script type="text/javascript"> function loveTime() { var the=new Date(2019,6,31) var date = new Date() - the var days = Math.floor(date / 1000 / 60 / 60 / 24) // 從這里開(kāi)始 var daysmod = date - days * 24 *60 * 60 * 1000 var hours = Math.floor(daysmod / 1000 / 60 / 60) var hoursmod = date - (days * 24 *60 * 60 * 1000) - (hours * 1000 * 60 * 60) var minutes = Math.floor(hoursmod / 1000 / 60) var minutesmod = date - (days * 24 *60 * 60 * 1000) - (hours * 1000 * 60 * 60) - (minutes * 1000 * 60) var seconds = Math.floor(minutesmod / 1000) // 到這里結(jié)束,是將總毫秒轉(zhuǎn)化成對(duì)應(yīng)天數(shù)+小時(shí)數(shù)+分鐘數(shù)+秒數(shù)的轉(zhuǎn)換方法 var daysshow = document.getElementById("timdid1"); var ds = document.getElementById("timeid1"); var hs = document.getElementById("timeid2"); var ms = document.getElementById("timeid3"); var ss = document.getElementById("timeid4"); ds.innerHTML = days; hs.innerHTML = hours; ms.innerHTML = minutes; ss.innerHTML = seconds; } // 使用定時(shí)器實(shí)現(xiàn)每一秒寫(xiě)一次時(shí)間 setInterval("loveTime();",1000); </script> </body> </html>
文章標(biāo)題:js實(shí)現(xiàn)指定時(shí)間倒計(jì)時(shí)效果-創(chuàng)新互聯(lián)
網(wǎng)站路徑:http://www.chinadenli.net/article46/dcsieg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、外貿(mào)網(wǎng)站建設(shè)、Google、網(wǎng)站排名、ChatGPT、微信小程序
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容