JS把字符串格式的時間轉(zhuǎn)換成幾秒前、幾分鐘前、幾小時前、幾天前等格式
最近在做項目的時候,需要把后臺返回的時間轉(zhuǎn)換成幾秒前、幾分鐘前、幾小時前、幾天前等的格式;后臺返回的時間格式為:2015-07-30 09:36:10,需要根據(jù)當前的時間與返回的時間進行對比,最后顯示成幾秒前、幾分鐘前、幾小時前、幾天前的形式。
1.由于返回的時間是字符串格式,所以要先轉(zhuǎn)換成時間戳
//字符串轉(zhuǎn)換為時間戳 function getDateTimeStamp (dateStr) { return Date.parse(dateStr.replace(/-/gi,"/")); }
2.將返回的時間戳與當前時間戳進行比較,轉(zhuǎn)換成幾秒前、幾分鐘前、幾小時前、幾天前的形式。
function getDateDiff (dateStr) { var publishTime = getDateTimeStamp(dateStr)/1000, d_seconds, d_minutes, d_hours, d_days, timeNow = parseInt(new Date().getTime()/1000), d, date = new Date(publishTime*1000), Y = date.getFullYear(), M = date.getMonth() + 1, D = date.getDate(), H = date.getHours(), m = date.getMinutes(), s = date.getSeconds(); //小于10的在前面補0 if (M < 10) { M = '0' + M; } if (D < 10) { D = '0' + D; } if (H < 10) { H = '0' + H; } if (m < 10) { m = '0' + m; } if (s < 10) { s = '0' + s; } d = timeNow - publishTime; d_days = parseInt(d/86400); d_hours = parseInt(d/3600); d_minutes = parseInt(d/60); d_seconds = parseInt(d); if(d_days > 0 && d_days < 3){ return d_days + '天前'; }else if(d_days <= 0 && d_hours > 0){ return d_hours + '小時前'; }else if(d_hours <= 0 && d_minutes > 0){ return d_minutes + '分鐘前'; }else if (d_seconds < 60) { if (d_seconds <= 0) { return '剛剛發(fā)表'; }else { return d_seconds + '秒前'; } }else if (d_days >= 3 && d_days < 30){ return M + '-' + D + ' ' + H + ':' + m; }else if (d_days >= 30) { return Y + '-' + M + '-' + D + ' ' + H + ':' + m; } }
3.使用方法:
dateStr:返回的時間字符串,格式如:2015-07-30 09:36:10
// 轉(zhuǎn)換后的結(jié)果 var str = getDateDiff(dateStr); // 在控制臺輸出結(jié)果 console.log(str);
總結(jié)
以上所述是小編給大家介紹的JS把字符串格式的時間轉(zhuǎn)換成幾秒前、幾分鐘前、幾小時前、幾天前等格式 ,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
相關(guān)文章
JavaScript函數(shù)執(zhí)行、作用域鏈以及內(nèi)存管理詳解
這篇文章主要介紹了JavaScript函數(shù)執(zhí)行、作用域鏈以及內(nèi)存管理的知識,文章內(nèi)容非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-01-01一文帶你搞懂JS中導入模塊import和require的區(qū)別
JavaScript中,模塊是一種可重用的代碼塊,它將一些代碼打包成一個單獨的單元,并且可以在其他代碼中進行導入和使用。JavaScript中有兩種常用的方式:使用import和require,本文主要聊聊他們二者的區(qū)別2023-03-03純javaScript、jQuery實現(xiàn)個性化圖片輪播【推薦】
本文主要介紹了純javaScript、jQuery實現(xiàn)個性化圖片輪播的方法,并在文章結(jié)尾附上源碼下載。具有很好的參考價值,下面跟著小編一起來看下吧2017-01-01JavaScript必看的10道面試題總結(jié)(推薦)
JavaScript 已經(jīng)成為全棧開發(fā)技能的基石,在全棧開發(fā)面試中都會不可避免地涉及到與 JavaScript 有關(guān)的問題。這篇文章主要給大家介紹了關(guān)于JavaScript必看的10道面試題,需要的朋友可以參考下2021-05-05