js實(shí)現(xiàn)日期天數(shù)、時(shí)分秒的倒計(jì)時(shí)完整代碼
前言
在用js實(shí)現(xiàn)倒計(jì)時(shí)的時(shí)候,可以先算出截止日期和今天之間相差的毫秒數(shù),然后進(jìn)行相應(yīng)的比例進(jìn)行day、 month 、hour、minute、second的計(jì)算,便可以準(zhǔn)確的計(jì)算出相差的時(shí)間。
倒計(jì)時(shí)格式為:純天數(shù)倒計(jì)時(shí)
function CountDown(year, month, day, hours) { let now = new Date(); let endDate = new Date(year, month - 1, day, hours); let leftTime = endDate.getTime() - now.getTime();//計(jì)算剩余的毫秒數(shù) if (leftTime <= 0) { leftTime = 0; } let leftsecond = parseInt(leftTime / 1000);//計(jì)算剩余的秒數(shù) let countDay = Math.floor(leftsecond / (60 * 60 * 24)); return countDay; }, //直接調(diào)用就好了 CountDown(2050, 12, 31, 24)
倒計(jì)時(shí)格式為:天數(shù)+小時(shí)+分鐘+秒
function CountDown(year, month, day, hours) { let now = new Date(); let endDate = new Date(year, month - 1, day, hours); let leftTime = endDate.getTime() - now.getTime();//計(jì)算剩余的毫秒數(shù) if (leftTime <= 0) { leftTime = 0; } let leftsecond = parseInt(leftTime / 1000);//計(jì)算剩余的秒數(shù) day = Math.floor(leftsecond / (60 * 60 * 24)); let hour = Math.floor((leftsecond - day * 24 * 60 * 60) / 3600); let minute = Math.floor((leftsecond - day * 24 * 60 * 60 - hour * 3600) / 60); let second = Math.floor(leftTime / 1000 % 60, 10); return `${day}天${hour}小時(shí)${minute}分鐘${second}秒`; } //直接調(diào)用即可 CountDown(2050, 12, 31, 24)
總結(jié)
到此這篇關(guān)于js實(shí)現(xiàn)日期天數(shù)、時(shí)分秒的倒計(jì)時(shí)的文章就介紹到這了,更多相關(guān)js日期天數(shù)、時(shí)分秒倒計(jì)時(shí)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
javascript搜索框效果實(shí)現(xiàn)方法
這篇文章主要介紹了javascript搜索框效果實(shí)現(xiàn)方法,可實(shí)現(xiàn)顯示默認(rèn)提示文字的搜索框效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-05-05基于JS如何實(shí)現(xiàn)給字符加千分符(65,541,694,158)
JS如何實(shí)現(xiàn)給字符加千分符,本文給大家?guī)?lái)了基于js實(shí)現(xiàn)的代碼,代碼簡(jiǎn)單易懂,感興趣的朋友一起學(xué)習(xí)吧2016-08-08javascript創(chuàng)建數(shù)組的最簡(jiǎn)代碼
2008-02-02JS對(duì)象數(shù)組中如何匹配某個(gè)屬性值
這篇文章主要介紹了JS對(duì)象數(shù)組中如何匹配某個(gè)屬性值,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09javascript與asp.net(c#)互相調(diào)用方法
js與C#之間相互調(diào)用的一些方法2009-12-12JavaScript對(duì)象的四種創(chuàng)建方法
這篇文章主要介紹了JavaScript對(duì)象的四種創(chuàng)建方法,首先我們通過(guò)確定一個(gè)對(duì)象的屬性和方法展開(kāi)主題相關(guān)內(nèi)容,需要的小伙伴可以參考一下2022-08-08