快捷導(dǎo)航

js實現(xiàn)日期天數(shù)、時分秒的倒計時完整代碼

更新時間：2023年11月03日 10:16:18 作者：西門吹雪~

這篇文章主要給大家介紹了關(guān)于js實現(xiàn)日期天數(shù)、時分秒的倒計時的相關(guān)資料,實現(xiàn)倒計時功能首先是得到目標(biāo)時間,然后用當(dāng)前時間減去目標(biāo)時間,最后將時間差傳化為天數(shù)、時、分、秒,需要的朋友可以參考下

前言

在用js實現(xiàn)倒計時的時候，可以先算出截止日期和今天之間相差的毫秒數(shù)，然后進行相應(yīng)的比例進行day、 month 、hour、minute、second的計算，便可以準(zhǔn)確的計算出相差的時間。

倒計時格式為：純天數(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();//計算剩余的毫秒數(shù)
      if (leftTime <= 0) {
        leftTime = 0;
      }
      let leftsecond = parseInt(leftTime / 1000);//計算剩余的秒數(shù)
      let countDay = Math.floor(leftsecond / (60 * 60 * 24));
      return  countDay;
    },
    //直接調(diào)用就好了
     CountDown(2050, 12, 31, 24)

倒計時格式為：天數(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();//計算剩余的毫秒數(shù)
    if (leftTime <= 0) {
        leftTime = 0;
    }
    let leftsecond = parseInt(leftTime / 1000);//計算剩余的秒數(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}小時${minute}分鐘${second}秒`;
}
//直接調(diào)用即可
CountDown(2050, 12, 31, 24)