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


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM