js 計算兩個時間的時間差

OBKoro1發表於2017-10-16
JS

寫在前面：

如題，就像題目說的需要計算出時間差，雖然不太難，但這個需求經常會在專案中遇到的，我在這邊做一下整理，希望能夠儘量全的整理出來。有需要的朋友可以做一下參考，喜歡的可以點波贊，或者關注一下，希望可以幫到大家。

本文首發於我的個人blog：obkoro1.com

計算時間差原理：

getTime()方法

方法定義： getTime() 方法可返回距 1970 年 1 月 1 日之間的毫秒數。

通常我們計算時間差都是通過獲取兩個時間資料，然後分別使用getTime（）方法返回與固定的1970 年 1 月 1 日的時間差，通過對返回毫秒數的差，換算成時間單位，得出兩個時間的時間差。

開始操作：

首先你會有一串初始的時間資料，然後通過 new Date(你的時間資料)，將你的資料轉成Date物件的形式。

    var t1="2017/08/28 04:56:38"; //資料
    var dateBegin = new Date(t1);//轉化為Date物件的形式
    //Mon Aug 28 2017 04:56:38 GMT+0800 (中國標準時間)  這裡就是Date物件的資料形式複製程式碼

時間格式

這裡的話就要注意一下後端給的時間資料格式的問題，比如下面兩種：

    第一種："2017/08/28 04:56:38"//這種格式不用再進行處理
    第二種："2017-08-01 18:56:38"//這種格式就要進行處理複製程式碼

因為new Date()方法不能處理第二種資料，所以我們這裡需要將第二種資料格式轉化為第一種資料的格式。

     var t1="2017-05-12 00:13:53";
     var dateBegin = new Date(d1.replace(/-/g, "/"));//replace方法將-轉為/複製程式碼

不知道大家是什麼情況，反正因為我們後端給我的資料就是第二種的，所以我會提一下這個東西（捂臉）。

另一個時間資料:

既然是時間差的話，就肯定要有兩個資料，不然怎麼兩相比較，一般兩個資料中都會有一個當前時間的資料。

      var dateEnd = new Date();//當前時間資料複製程式碼

完整計算時間差(天、小時、分鐘、秒)的程式碼：

先獲取之間的毫秒差，通過毫秒差換算出你所需要的時間單位，然後時間單位之間的換算根據的是他們的倍數關係。

function timeFn(d1) {//di作為一個變數傳進來
    //如果時間格式是正確的，那下面這一步轉化時間格式就可以不用了
    var dateBegin = new Date(d1.replace(/-/g, "/"));//將-轉化為/，使用new Date
    var dateEnd = new Date();//獲取當前時間
    var dateDiff = dateEnd.getTime() - dateBegin.getTime();//時間差的毫秒數
    var dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000));//計算出相差天數
    var leave1=dateDiff%(24*3600*1000)    //計算天數後剩餘的毫秒數
    var hours=Math.floor(leave1/(3600*1000))//計算出小時數
    //計算相差分鐘數
    var leave2=leave1%(3600*1000)    //計算小時數後剩餘的毫秒數
    var minutes=Math.floor(leave2/(60*1000))//計算相差分鐘數
    //計算相差秒數
    var leave3=leave2%(60*1000)      //計算分鐘數後剩餘的毫秒數
    var seconds=Math.round(leave3/1000)
    console.log(" 相差 "+dayDiff+"天 "+hours+"小時 "+minutes+" 分鐘"+seconds+" 秒")
    console.log(dateDiff+"時間差的毫秒數",dayDiff+"計算出相差天數",leave1+"計算天數後剩餘的毫秒數"
        ,hours+"計算出小時數",minutes+"計算相差分鐘數",seconds+"計算相差秒數");
}
var t3="2017-08-18 04:56:38";
timeFn(t3);複製程式碼

demo時間差資料截圖
demo時間差資料截圖

不成熟的計算月、年:

    //這裡的dayDiff就是上文計算出的天數差
    let monthDiff=Math.floor(dayDiff/30);//以30天為一個月不夠精準嚴謹
    //獲取相差的月份
      if (monthDiff<12){
        timeThis=monthDiff+"個月前釋出";//獲取相差的月份
        return
      }
      let yearDiff=Math.floor(monthDiff/12);//獲取相差的年份
      if(yearDiff>=1){
        timeThis=yearDiff+"年前釋出";
        return
      }複製程式碼

當天數相差較大的時候，單純計算天數已經不能滿足需求了，因為我們PM說的統一以30天為一個月的分界線，然後這裡月份的計算情況感覺很複雜的樣子沒有繼續研究下去。

獲取當前月份的天數

    function getDays() {
       //構造當前日期物件
       var date = new Date();
       var year = date.getFullYear();//獲取年份
       var mouth = date.getMonth() + 1;//獲取當前月份
       var days;//定義當月的天數；
       if (mouth == 2) {//當月份為二月時，根據閏年還是非閏年判斷天數
           days = year % 4 == 0 ? 29 : 28;
       }
       else if (mouth == 1 || mouth == 3 || mouth == 5 || mouth == 7 || mouth == 8 || mouth == 10 || mouth == 12) {
           //月份為：1,3,5,7,8,10,12 時，為大月.則天數為31；
           days = 31;
       }
       else {
           //其他月份，天數為：30.
           days = 30;
       }
       return days;
   }複製程式碼

網上找了個獲取當前月份天數的函式，上面的註釋也足夠全，我就一起貼上來，連線在下面。

後話

上面就是本文計算時間差的內容了，希望看完本文能給大家一點幫助。最後一個提示：一般需要處理的資料不會只有一兩個，很可能會給一個陣列，你需要處理每個陣列元素的時間資料，這時候建議用forEach()函式遍歷整個陣列。

最後：如需轉載，請放上原文連結並署名。碼字不易，感謝支援！本人寫文章本著交流記錄的心態，寫的不好之處，不撕逼，但是歡迎指點。然後就是希望看完的朋友點個喜歡，也可以關注一下我。
blog網站 and 掘金個人主頁

以上2017.10.15

參考資料:

Js 獲取當前月的天數
Js計算時間差（天、小時、分鐘、秒）

相關文章