JS把字符串格式的時(shí)間轉(zhuǎn)換成幾秒前、幾分鐘前、幾小時(shí)前、幾天前等格式
最近在做項(xiàng)目的時(shí)候,需要把后臺(tái)返回的時(shí)間轉(zhuǎn)換成幾秒前、幾分鐘前、幾小時(shí)前、幾天前等的格式;后臺(tái)返回的時(shí)間格式為:2015-07-30 09:36:10,需要根據(jù)當(dāng)前的時(shí)間與返回的時(shí)間進(jìn)行對(duì)比,最后顯示成幾秒前、幾分鐘前、幾小時(shí)前、幾天前的形式。
1.由于返回的時(shí)間是字符串格式,所以要先轉(zhuǎn)換成時(shí)間戳
//字符串轉(zhuǎn)換為時(shí)間戳 function getDateTimeStamp (dateStr) { return Date.parse(dateStr.replace(/-/gi,"/")); }
2.將返回的時(shí)間戳與當(dāng)前時(shí)間戳進(jìn)行比較,轉(zhuǎn)換成幾秒前、幾分鐘前、幾小時(shí)前、幾天前的形式。
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的在前面補(bǔ)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 + '小時(shí)前'; }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:返回的時(shí)間字符串,格式如:2015-07-30 09:36:10
// 轉(zhuǎn)換后的結(jié)果 var str = getDateDiff(dateStr); // 在控制臺(tái)輸出結(jié)果 console.log(str);
總結(jié)
以上所述是小編給大家介紹的JS把字符串格式的時(shí)間轉(zhuǎn)換成幾秒前、幾分鐘前、幾小時(shí)前、幾天前等格式 ,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
- JS將時(shí)間的標(biāo)準(zhǔn)格式和時(shí)間戳格式和2022-01-27?00:00:00(年月日時(shí)分秒)格式相互轉(zhuǎn)換(最新推薦)
- JS實(shí)現(xiàn)獲取毫秒值及轉(zhuǎn)換成年月日時(shí)分秒的方法
- js時(shí)間轉(zhuǎn)換毫秒的實(shí)例代碼
- JS將時(shí)間秒轉(zhuǎn)換成天小時(shí)分鐘秒的字符串
- 在JS中如何把毫秒轉(zhuǎn)換成規(guī)定的日期時(shí)間格式實(shí)例
- js中的時(shí)間轉(zhuǎn)換—毫秒轉(zhuǎn)換成日期時(shí)間的示例代碼
- JavaScript 中如何將秒轉(zhuǎn)換為分秒
相關(guān)文章
JavaScript函數(shù)執(zhí)行、作用域鏈以及內(nèi)存管理詳解
這篇文章主要介紹了JavaScript函數(shù)執(zhí)行、作用域鏈以及內(nèi)存管理的知識(shí),文章內(nèi)容非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01一文帶你搞懂JS中導(dǎo)入模塊import和require的區(qū)別
JavaScript中,模塊是一種可重用的代碼塊,它將一些代碼打包成一個(gè)單獨(dú)的單元,并且可以在其他代碼中進(jìn)行導(dǎo)入和使用。JavaScript中有兩種常用的方式:使用import和require,本文主要聊聊他們二者的區(qū)別2023-03-03純javaScript、jQuery實(shí)現(xiàn)個(gè)性化圖片輪播【推薦】
本文主要介紹了純javaScript、jQuery實(shí)現(xiàn)個(gè)性化圖片輪播的方法,并在文章結(jié)尾附上源碼下載。具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01控制頁面按鈕在后臺(tái)執(zhí)行期間不重復(fù)提交的JS方法
下面的代碼可以避免這種情況的發(fā)生,要等第一次執(zhí)行完返回?cái)?shù)據(jù)到前臺(tái)后才能提交第二次。2013-06-06非主流的textarea自增長實(shí)現(xiàn)js代碼
今天稍微研究了下textarea隨輸入內(nèi)容自動(dòng)增長的功能,通過google參考了一些實(shí)現(xiàn)方式2011-12-12JavaScript必看的10道面試題總結(jié)(推薦)
JavaScript 已經(jīng)成為全棧開發(fā)技能的基石,在全棧開發(fā)面試中都會(huì)不可避免地涉及到與 JavaScript 有關(guān)的問題。這篇文章主要給大家介紹了關(guān)于JavaScript必看的10道面試題,需要的朋友可以參考下2021-05-05