当前位置: 首页 > article >正文

前端 计算发布时间(如“1小时前”、“3天前”等)

这样效果,在c端比较常见,通过前端也可以处理

代码如下:

		   // 计算 小时
			timeAgo(createTime) {
				// 将 createTime 字符串转换为 Date 对象  
				const createDate = new Date(createTime);
				const now = new Date();
				const diffInSeconds = Math.floor((now - createDate) / 1000); // 计算时间差(秒)  

				// 定义时间单位  
				const units = [{
						label: '年',
						seconds: 60 * 60 * 24 * 365
					},
					{
						label: '个月',
						seconds: 60 * 60 * 24 * 30
					},
					{
						label: '天',
						seconds: 60 * 60 * 24
					},
					{
						label: '小时',
						seconds: 60 * 60
					},
					{
						label: '分钟',
						seconds: 60
					},
					{
						label: '秒',
						seconds: 1
					}
				];

				// 遍历单位,找到合适的时间差  
				for (const unit of units) {
					const diff = Math.floor(diffInSeconds / unit.seconds);
					if (diff > 0) {
						return `${diff} ${unit.label}前`;
					}
				}

				return '刚刚'; // 如果时间差小于1秒  
			},

在模板在使用方法 : <view class="fs-22 c-black-3 ">{{ timeAgo(item.createTime) }}</view>


http://www.kler.cn/a/443530.html

相关文章:

  • CSS 图片廊:网页设计的艺术与技巧
  • 创建线程的8种方法
  • overscroll-behavior-解决H5在ios上过度滚动的默认行为
  • CentOS7 解决ping:www.baidu.com 未知的名称或服务
  • 计算机网络 (17)点对点协议PPP
  • MAC系统QT图标踩坑记录
  • Mybatis plus查询开用了Redis缓存,一开始挺快,用户多/时间拉长就变慢了
  • django基于python的图书馆管理系统
  • 重生之我在异世界学智力题(8)
  • Python中exifread库使用
  • microk8s使用
  • 通过枚举值调用函数
  • 详解CompletableFuture
  • 写SQL太麻烦?免费搭建 Text2SQL 应用,智能写 SQL | OceanBase AI 实践
  • SSM 寝室管理系统:住宿管理的科技之光
  • 腾讯地图+vue实现后台设置某外卖店铺的位置坐标
  • SAP抓取外部https报错SSL handshake处理方法
  • java不用启动项目测试方法
  • Node.js的Web服务在Nacos中的实践
  • Oracle筑基篇-体系结构概览
  • 【开源库 | minizip】Linux(Ubuntu18.04)下,minizip的编译、交叉编译
  • 使用CSS把背景图片铺满屏幕
  • Windows Server 2019 配置PHP环境(图文教程)
  • RFdiffusion get_torsions函数解读
  • NGINX的安装和配置(Linux环境)
  • 文心快码代码助手智能体:智能体时代委托自主完成任务