JS 时间转化为几分钟前 几小时前 几天前

2024-06-20 01:38

本文主要是介绍JS 时间转化为几分钟前 几小时前 几天前,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

背景:最近公司要做动态列表,类似于微信朋友圈。动态创建时间就需要显示为 刚刚、几分钟前、几小时前、几天前、2018-05-15,这样的形式。

 

代码如下

    var minute = 1000 * 60;
var hour = minute * 60;
var day = hour * 24;
// 计算时间差
    handleDate(minute, hour, day,dateTimeStamp) {
var result = '';
var now = new Date().getTime();
var diffValue = now - dateTimeStamp;
if (diffValue < 0) {
console.log("时间不对劲,服务器创建时间与当前时间不同步");
return result = "刚刚";
}
var dayC = diffValue / day;
var hourC = diffValue / hour;
var minC = diffValue / minute;
if (parseInt(dayC) > 30) {
result = ""   this.$format(dateTimeStamp,"yyyy-MM-dd");
}else if(parseInt(dayC) > 1) {
result = ""   parseInt(dayC)   "天前";
}else if (parseInt(dayC) == 1) {
result = "昨天";
} else if (hourC >= 1) {
result = ""   parseInt(hourC)   "小时前";
} else if (minC >= 5) {
result = ""   parseInt(minC)   "分钟前";
} else
result = "刚刚";
return result;
},

 

参数 dateTimeStamp 为服务器返回的创建时间 ;

因为服务器并没有返回当前时间,所以有时候时间会出现小小的偏差,但是没关系,显示为刚刚就行了。

 

 * this.$format() 为处理时间的方法;

 1 /**
 2  * 格式化时间
 3  * @param date Date 时间
 4  * @param format 格式化 "yyyy-MM-dd hh:mm:ss www"=format
 5  * @returns {string} 格式化后字符串
 6  */
 7 
 8 export function format(date, format){
 9   if (typeof date == 'string') {
10     if(date.indexOf('T')>=0){
11       date = date.replace('T',' ')
12     }
13     date = new Date(Date.parse(date.replace(/-/g, "/")))
14   }
15   var o = {
16       "M ": date.getMonth()   1,
17       "d ": date.getDate(),
18       "h ": date.getHours(),
19       "m ": date.getMinutes(),
20       "s ": date.getSeconds(),
21       "q ": Math.floor((date.getMonth()   3) / 3),
22       "S": date.getMilliseconds()
23   };
24   var w = [
25       ['日', '一', '二', '三', '四', '五', '六'],
26       ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
27       ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
28   ];
29   if (/(y )/.test(format)) {
30       format = format.replace(RegExp.$1, (date.getFullYear()   "").substr(4 - RegExp.$1.length));
31   }
32   if (/(w )/.test(format)) {
33       format = format.replace(RegExp.$1, w[RegExp.$1.length - 1][date.getDay()]);
34   }
35   for (var k in o) {
36       if (new RegExp("("   k   ")").test(format)) {
37           format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00"   o[k]).substr((""   o[k]).length));
38       }
39   }
40   return format;
41 }
View Code

 

这篇关于JS 时间转化为几分钟前 几小时前 几天前的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1076743

相关文章

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

Node.js 数据库 CRUD 项目示例详解(完美解决方案)

《Node.js数据库CRUD项目示例详解(完美解决方案)》:本文主要介绍Node.js数据库CRUD项目示例详解(完美解决方案),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考... 目录项目结构1. 初始化项目2. 配置数据库连接 (config/db.js)3. 创建模型 (models/

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

Java中Date、LocalDate、LocalDateTime、LocalTime、时间戳之间的相互转换代码

《Java中Date、LocalDate、LocalDateTime、LocalTime、时间戳之间的相互转换代码》:本文主要介绍Java中日期时间转换的多种方法,包括将Date转换为LocalD... 目录一、Date转LocalDateTime二、Date转LocalDate三、LocalDateTim

golang获取当前时间、时间戳和时间字符串及它们之间的相互转换方法

《golang获取当前时间、时间戳和时间字符串及它们之间的相互转换方法》:本文主要介绍golang获取当前时间、时间戳和时间字符串及它们之间的相互转换,本文通过实例代码给大家介绍的非常详细,感兴趣... 目录1、获取当前时间2、获取当前时间戳3、获取当前时间的字符串格式4、它们之间的相互转化上篇文章给大家介

Feign Client超时时间设置不生效的解决方法

《FeignClient超时时间设置不生效的解决方法》这篇文章主要为大家详细介绍了FeignClient超时时间设置不生效的原因与解决方法,具有一定的的参考价值,希望对大家有一定的帮助... 在使用Feign Client时,可以通过两种方式来设置超时时间:1.针对整个Feign Client设置超时时间

springboot+dubbo实现时间轮算法

《springboot+dubbo实现时间轮算法》时间轮是一种高效利用线程资源进行批量化调度的算法,本文主要介绍了springboot+dubbo实现时间轮算法,文中通过示例代码介绍的非常详细,对大家... 目录前言一、参数说明二、具体实现1、HashedwheelTimer2、createWheel3、n

用js控制视频播放进度基本示例代码

《用js控制视频播放进度基本示例代码》写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言html部分:JavaScript部分:注意:总结前言在javascript中控制视频播放

Java实现时间与字符串互相转换详解

《Java实现时间与字符串互相转换详解》这篇文章主要为大家详细介绍了Java中实现时间与字符串互相转换的相关方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、日期格式化为字符串(一)使用预定义格式(二)自定义格式二、字符串解析为日期(一)解析ISO格式字符串(二)解析自定义

Java时间轮调度算法的代码实现

《Java时间轮调度算法的代码实现》时间轮是一种高效的定时调度算法,主要用于管理延时任务或周期性任务,它通过一个环形数组(时间轮)和指针来实现,将大量定时任务分摊到固定的时间槽中,极大地降低了时间复杂... 目录1、简述2、时间轮的原理3. 时间轮的实现步骤3.1 定义时间槽3.2 定义时间轮3.3 使用时