欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS根據(jù)Unix時間戳顯示發(fā)布時間是多久前【項目實測】

 更新時間:2019年07月10日 09:40:19   作者:行星帶  
小編最近在實現(xiàn)這樣的需求類似微信朋友圈顯示發(fā)布時間為距離當(dāng)前時間多久之前這樣的功能,本文通過實例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧

后臺接口給的時間數(shù)據(jù)為Unix時間戳,我們的需求是顯示類似微信朋友圈顯示發(fā)布時間為距離當(dāng)前時間多久之前,“xx分鐘之前”,“xx小時之前”,“xx個月之前”。

類似這樣的時間顯示效果:

轉(zhuǎn)換函數(shù):

/**
 * Unix時間戳轉(zhuǎn)換為當(dāng)前時間多久之前
 * @param timespan int     Unix時間戳
 * @return timeSpanStr string   轉(zhuǎn)換之后的前臺需要的字符串
 */
function Ftime (timespan) {
  var dateTime = new Date(timespan * 1000);
  var year = dateTime.getFullYear();
  var month = dateTime.getMonth() + 1;
  var day = dateTime.getDate();
  var hour = dateTime.getHours();
  var minute = dateTime.getMinutes();
  //當(dāng)前時間
  var now = Date.parse(new Date()); //typescript轉(zhuǎn)換寫法
  var milliseconds = 0;
  var timeSpanStr;
  //計算時間差
  milliseconds = (now / 1000) - timespan;

  //一分鐘以內(nèi)
  if (milliseconds <= 60) {
    timeSpanStr = '剛剛';
  }
  //大于一分鐘小于一小時
  else if (60 < milliseconds && milliseconds <= 60 * 60) {
    timeSpanStr = Math.ceil((milliseconds / (60))) + '分鐘前';
  }
  //大于一小時小于等于一天
  else if (60 * 60 < milliseconds && milliseconds <= 60 * 60 * 24) {
    timeSpanStr = Math.ceil(milliseconds / (60 * 60)) + '小時前';
  }
  //大于一天小于等于15天
  else if (60 * 60 * 24 < milliseconds && milliseconds <= 60 * 60 * 24 * 30) {
    timeSpanStr = Math.ceil(milliseconds / (60 * 60 * 24)) + '天前';
  }
  //大于一個月小于一年
  else if (60 * 60 * 24 * 30 < milliseconds && milliseconds <= 60 * 60 * 24 * 30 * 12){
    timeSpanStr = Math.ceil(milliseconds / (60 * 60 * 24 * 30)) + '個月前';
  }
  //超過一年顯示
  else {
    timeSpanStr = year + '年' + month + '月' + day + '日 ' + hour + ':' + minute;  
  }
  return timeSpanStr;
}

總結(jié)

以上所述是小編給大家介紹的JS根據(jù)Unix時間戳顯示發(fā)布時間是多久前 ,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!

相關(guān)文章

  • JS、CSS以及img對DOMContentLoaded事件的影響

    JS、CSS以及img對DOMContentLoaded事件的影響

    最近在做性能有關(guān)的數(shù)據(jù)上報,發(fā)現(xiàn)了兩個非常有意思的東西:Chrome開發(fā)者工具的Timeline分析面板,以及DOMContentLoaded事件。一個是強大的令人發(fā)指的性能分析工具,一個是重要的性能指標(biāo),于是就用Timeline對DOMContentLoaded事件進行了一番研究
    2014-08-08
  • js實現(xiàn)購物網(wǎng)站放大鏡功能

    js實現(xiàn)購物網(wǎng)站放大鏡功能

    這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)購物網(wǎng)站放大鏡功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-06-06
  • 如何基于js判斷瀏覽器版本

    如何基于js判斷瀏覽器版本

    這篇文章主要介紹了如何基于js判斷瀏覽器版本,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-02-02
  • 無縫滾動改進版支持上下左右滾動(封裝成函數(shù))

    無縫滾動改進版支持上下左右滾動(封裝成函數(shù))

    無縫滾動改進版,封裝成函數(shù),同時支持上下左右無縫滾動。
    2012-12-12
  • Javascript動畫效果(2)

    Javascript動畫效果(2)

    這篇文章主要為大家詳細(xì)介紹了第二篇Javascript動畫效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • JS利用時間戳倒計時的實現(xiàn)示例

    JS利用時間戳倒計時的實現(xiàn)示例

    這篇文章主要介紹了JS利用時間戳倒計時的實現(xiàn)示例,本文將提供代碼示例和詳細(xì)的步驟,幫助你實現(xiàn)一個簡單而實用的時間戳倒計時,感興趣的可以了解一下
    2023-12-12
  • javascript數(shù)組遍歷的方法實例分析

    javascript數(shù)組遍歷的方法實例分析

    這篇文章主要介紹了javascript數(shù)組遍歷的方法,結(jié)合實例形式分析了javascript數(shù)組遍歷及相關(guān)的some、every、filter、map等方法的使用技巧,需要的朋友可以參考下
    2016-09-09
  • layui結(jié)合form,table的全選、反選v1.0示例講解

    layui結(jié)合form,table的全選、反選v1.0示例講解

    今天小編就為大家分享一篇layui結(jié)合form,table的全選、反選v1.0示例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • js改變文章字體大小的實例代碼

    js改變文章字體大小的實例代碼

    這篇文章主要介紹了js改變文章字體大小的實例代碼,有需要的朋友可以參考一下
    2013-11-11
  • Bootstrap 模態(tài)對話框只加載一次 remote 數(shù)據(jù)的完美解決辦法

    Bootstrap 模態(tài)對話框只加載一次 remote 數(shù)據(jù)的完美解決辦法

    前端框架 Bootstrap 的模態(tài)對話框,可以使用 remote 選項指定一個 URL,這樣對話框在第一次彈出的時候就會自動從這個地址加載數(shù)據(jù)到 .modal-body 中,但是它只會加載一次,不過通過在事件中調(diào)用 removeData() 方法可以解決這個問題,具體操作方法,大家通過本文了解下吧
    2017-07-07

最新評論