首頁 > web前端 > js教程 > 如何以使用者友善的格式顯示經過的時間?

如何以使用者友善的格式顯示經過的時間?

Mary-Kate Olsen
發布: 2024-11-09 09:51:02
原創
457 人瀏覽過

How to Display Time Elapsed in a User-Friendly Format?

如何以使用者友善的格式顯示經過的時間

與Stack Exchange 上顯示的時間一樣,您可以將JavaScript 日期格式化為字串指示自特定點以來經過的時間。例如:

  • 1 分鐘前
  • 1 小時前
  • 1 天前
  • 1 個月前
  • 1年前

要實現這一目標,您可以使用類似於所提供的函數如下:

function timeSince(date) {

  var seconds = Math.floor((new Date() - date) / 1000);

  var interval = seconds / 31536000;

  if (interval > 1) {
    return Math.floor(interval) + " years";
  }
  interval = seconds / 2592000;
  if (interval > 1) {
    return Math.floor(interval) + " months";
  }
  interval = seconds / 86400;
  if (interval > 1) {
    return Math.floor(interval) + " days";
  }
  interval = seconds / 3600;
  if (interval > 1) {
    return Math.floor(interval) + " hours";
  }
  interval = seconds / 60;
  if (interval > 1) {
    return Math.floor(interval) + " minutes";
  }
  return Math.floor(seconds) + " seconds";
}
登入後複製

例如,如果您設定日期表示一天前(24 小時)的時間,則函數將傳回「1 天前」。同樣,如果您設定日期表示兩天前的時間(48 小時),則函數將傳回「2 天前」。

以上是如何以使用者友善的格式顯示經過的時間?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板