1. 程式人生 > >【網頁前端】JS呈現時間戳為與當前時間比較結果

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

轉載連結:http://www.cnblogs.com/inns/p/5586358.html

1、時間戳顯示

經常可以看到論壇或者新聞上,時間戳為剛剛,xx分鐘前,xx小時前等字樣,前端如何實現呢?

image

2、時間戳實現

這個功能比較簡單,直接上函式,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();
            }
        },

3、實現效果

image