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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- js 格式化時(shí)間日期函數(shù)小結(jié)
- JavaScript實(shí)現(xiàn)字符串與日期的互相轉(zhuǎn)換及日期的格式化
- Javascript將字符串日期格式化為yyyy-mm-dd的方法
- JavaScript實(shí)現(xiàn)日期格式化的方法匯總
- js中格式化日期時(shí)間型數(shù)據(jù)函數(shù)代碼
- js實(shí)現(xiàn)頁面多個(gè)日期時(shí)間倒計(jì)時(shí)效果
- 詳解js中常規(guī)日期格式處理、月歷渲染和倒計(jì)時(shí)函數(shù)
- JavaScript日期處理之格式化與倒計(jì)時(shí)實(shí)現(xiàn)方法
相關(guān)文章
微信小程序緩存過期時(shí)間的相關(guān)設(shè)置(推薦)
這篇文章主要介紹了微信小程序緩存過期時(shí)間的相關(guān)知識(shí),主要包括微信小程序緩存機(jī)制介紹及哪些是一定需要過期的緩存,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07
javascript實(shí)現(xiàn)數(shù)據(jù)雙向綁定的三種方式小結(jié)
本篇文章主要介紹了javascript實(shí)現(xiàn)數(shù)據(jù)雙向綁定的三種方式小結(jié),前端的視圖層和數(shù)據(jù)層有時(shí)需要實(shí)現(xiàn)雙向綁定,目前實(shí)現(xiàn)數(shù)據(jù)雙向綁定主要有三種,有興趣的可以了解一下。2017-03-03
AJAX XMLHttpRequest對象創(chuàng)建使用詳解
這篇文章主要介紹了AJAX XMLHttpRequest對象創(chuàng)建使用詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08
easyUI實(shí)現(xiàn)(alert)提示框自動(dòng)關(guān)閉的實(shí)例代碼
下面小編就為大家?guī)硪黄猠asyUI實(shí)現(xiàn)(alert)提示框自動(dòng)關(guān)閉的實(shí)例代碼。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
js獲取鼠標(biāo)點(diǎn)擊的對象,點(diǎn)擊另一個(gè)按鈕刪除該對象的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s獲取鼠標(biāo)點(diǎn)擊的對象,點(diǎn)擊另一個(gè)按鈕刪除該對象的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
js實(shí)現(xiàn)的日期操作類DateTime函數(shù)代碼
感覺js自帶的Date類型對象用起來不是很方便,照著C#的DateTime做了一個(gè)2010-03-03
ES6 Promise對象的應(yīng)用實(shí)例分析
這篇文章主要介紹了ES6 Promise對象的應(yīng)用,結(jié)合實(shí)例形式分析了Promise對象原理與異步處理相關(guān)操作技巧,需要的朋友可以參考下2019-06-06

