【網頁前端】JS呈現時間戳爲與當前時間比較結果

一、時間戳顯示

常常能夠看到論壇或者新聞上，時間戳爲剛剛，xx分鐘前，xx小時前等字樣，前端如何實現呢？

 

二、時間戳實現

這個功能比較簡單，直接上函數，time_str是時間戳的字符串結果，轉換成Date對象，

Date對象能夠獲取年月日等信息，new一個Date表示當前時間，相關信息進行比較以後，定製返回結果便可。

 

//時間處理函數，多少分鐘前，多少小時前，超過24小時顯示日期，超過一年顯示年月日
        getTimeShow:function(time_str){
            //debugger;
            var now = new Date();
            var date = new Date(time_str);
            //計算時間間隔，單位爲分鐘
            var inter = parseInt((now.getTime() - date.getTime())/1000/60);
            if(inter == 0){
                return "剛剛";
            }
            //多少分鐘前
            else if(inter < 60){
                return inter.toString() + "分鐘前";
            }
            //多少小時前
            else if(inter < 60*24){
                return parseInt(inter/60).toString() + "小時前";
            }
            //本年度內，日期不一樣，取日期+時間  格式如  06-13 22:11
            else if(now.getFullYear() == date.getFullYear()){
                return (date.getMonth()+1).toString() + "-" +
                    date.getDate().toString() + " " +
                    date.getHours() + ":" +
                    date.getMinutes();
            }
            else{
                return date.getFullYear().toString().substring(2, 3) + "-" +
                (date.getMonth()+1).toString() + "-" +
                date.getDate().toString() + " " +
                date.getHours() + ":" +
                date.getMinutes();
            }
        },

 

 

三、實現效果