首页 > web前端 > js教程 > 如何以用户友好的格式显示经过的时间?

如何以用户友好的格式显示经过的时间?

Mary-Kate Olsen
发布: 2024-11-09 09:51:02
原创
449 人浏览过

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
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板