js semanticTime()函数生活化格式化展示时间，类朋友圈，社交应用动态时间，刚刚，昨天，几天前

代码唐

已于 2023-01-05 11:31:21 修改

阅读量266

点赞数

分类专栏： js 时间处理文章标签： javascript 前端

于 2022-12-23 17:27:05 首次发布

本文链接：https://blog.csdn.net/weixin_39703282/article/details/128422000

版权

js 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

时间处理

1 篇文章 0 订阅

订阅专栏

该博客介绍了一个JavaScript函数`semanticTime`，用于根据当前时间动态地将日期字符串转换成易于理解的生活化时间表述，如'刚刚'、'几分钟前'、'昨天'等。函数接受两个参数：日期字符串和一个精度标志。如果精度标志为`true`，会显示详细的时间，如'2022年12月2日12:42'。博客通过示例展示了如何使用此函数。

摘要由CSDN通过智能技术生成

调用 semanticTime函数，动态分段生活化展示时间，包含

刚刚
几分钟前
几小时前
昨天
几天前
isPrecise参数为true将展示详细时间某年某月某日时:分

// 语义化时间展示
function semanticTime(dateString, isPrecise){
  if (!dateString) return ''
  const date = new Date(Date.parse(dateString.replace(/-/g, "/")))
  const diffTime = new Date()-date
  
  const year = date.getFullYear()
  const month = date.getMonth() + 1
  const day = date.getDate()
  const hours = date.getHours()
  const minutes = date.getMinutes()
  const yearMonthDay = year+'年'+month+'月'+day+'日'
  const hoursMinutes = hours+':'+minutes
  const allStr = yearMonthDay+' '+hoursMinutes
  
  if (diffTime<1*60*1000){
    return '刚刚'
  } else if(diffTime<60*60*1000){
    return Math.floor((diffTime / (1000 * 60))) + '分钟前'
  } else if(diffTime<24*60*60*1000){
    if (!isPrecise) {
    	return Math.floor((diffTime / (60 * 1000 * 60))) + '小时前'
    } else {
      return hoursMinutes
    }
  } else if(diffTime<2*24*60*60*1000){
    return '昨天'+(isPrecise?' '+hoursMinutes:'')
  } else {
    if (!isPrecise) {
    	return Math.floor((diffTime / (24 * 60 * 1000 * 60))) + '天前'
    } else {
      return allStr
    }
  }
}
//const str = semanticTime('2022-12-2 12:42', ) // 21天前
const str = semanticTime('2022-12-2 12:42', 1) // 2022年12月2日 12:42
console.log('str is:', str)