js实现时间格式化 【“XX前”的格式】

在项目中遇到这样一个需求,将评论时间已以下图的形式进行展现:即将评论时间显示为多久以前。javascript

其实实现原理也很简单,思路以下:java

  1. 将当前时间和给定时间取毫秒数。
  2. 将当前时间的毫秒数与给定时间的毫秒数做差,获得差值。
  3. 1秒钟1分钟1小时......等统一化为毫秒为单位。
  4. 将获得的差值与转化后的时间单位做商。
  5. 完成字符串拼接

实现代码以下:

const format = (date) => {
  const ONE_SECOND = 1000;
  const ONE_MINUTE = 60000;
  const ONE_HOUR = 3600000;
  const ONE_DAY = 86400000;
  const ONE_WEEK = 604800000;
  const ONE_MONTH = 2629746000;
  const ONE_YEAR = 31556952000;
  const ONE_SECOND_AGO = "秒前";
  const ONE_MINUTE_AGO = "分钟前";
  const ONE_HOUR_AGO = "小时前";
  const ONE_DAY_AGO = "天前";
  const ONE_MONTH_AGO = "月前";
  const ONE_YEAR_AGO = "年前";
  let delta = new Date().getTime() - date.getTime()
  if (delta < 1 * ONE_MINUTE) {
    let seconds = ~~(delta / ONE_SECOND);
    return (seconds <= 0 ? 1 : seconds) + ONE_SECOND_AGO;
  }
  if (delta < 45 * ONE_MINUTE) {
    let minutes = ~~(delta / ONE_MINUTE)
    return (minutes <= 0 ? 1 : minutes) + ONE_MINUTE_AGO;
  }
  if (delta < 24 * ONE_HOUR) {
    let hours = ~~(delta / ONE_HOUR);
    return (hours <= 0 ? 1 : hours) + ONE_HOUR_AGO;
  }
  if (delta < 48 * ONE_HOUR) {
    return "昨天";
  }
  if (delta < 30 * ONE_DAY) {
    let days = ~~(delta / ONE_DAY);
    return (days <= 0 ? 1 : days) + ONE_DAY_AGO;
  }
  if (delta < 12 * 4 * ONE_WEEK) {
    let months = ~~(delta / ONE_MONTH);
    return (months <= 0 ? 1 : months) + ONE_MONTH_AGO;
  } else {
    let years = ~~(delta / ONE_YEAR);
    return (years <= 0 ? 1 : years) + ONE_YEAR_AGO;
  }
}
复制代码
相关文章
相关标签/搜索