js仿照聊天记录的时间显示 今天 昨天

js 微信聊天框的时间显示规则,以及输出的时间格式(已优化) 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </b 阅读详情
    var time = '2017年06月02日 10:43:24';
    // 时间统一函数
    function getTimeText(argument) {
        var timeS = argument;
        var todayT = ''; //
        var yestodayT = '';
        var timeCha = getTimeS(timeS);
        timeS = timeS.slice(-8);
        todayT = new Date().getHours()*60*60*1000 + new Date().getMinutes()*60*1000 + new Date().getSeconds()*1000;
        yestodayT = todayT + 24*60*60*1000;
        if(timeCha > yestodayT) {
            return argument.slice(0,11);
        }
        if(timeCha > todayT && timeCha < yestodayT) {
            return timeS.slice(0,2)>12?'昨天 下午'+(timeS.slice(0,2)==12 ? 12 : timeS.slice(0,2) - 12)+timeS.slice(2,5):'昨天 上午'+timeS.slice(0,5);
        }
        if(timeCha < todayT) {
            return timeS.slice(0,2)>=12?'下午'+(timeS.slice(0,2)==12 ? 12 : timeS.slice(0,2) - 12)+timeS.slice(2,5):'上午'+timeS.slice(0,5);
        }
        
    }

// 时间戳获取
    function getTimeS(argument) {
        var timeS = argument;
        timeS = timeS.replace(/[年月]/g,'/').replace(/[日]/,'');
        return new Date().getTime() - new Date(timeS).getTime() - 1000; //有一秒的误差

    }
    var timeText = getTimeText(time);
    console.log(time+'应该显示为   '+timeText)
    </script>

实际效果图:


结束语:由于时间的原因,小编没有继续写下去,只是简单地写了些,如果一周的时间内显示星期几,只需要继续写一个时间变量=yestoday+一周的毫秒数,下面判断就可以了,但必须注意的是时间格式必须是'2017年06月02日 10:43:24';谢谢大家查看

js封装毫秒时间戳转换仿微信聊天时间显示格式 js封装毫秒时间戳转换仿微信聊天时间显示格式 先把微信的时间显示规则拍上来 微信聊天消息时间显示说明 1、当天的消息,以每5分钟为一个跨度的显示时间; 2、消息超过1天、小于1周,显示星期+收发消息的时间; 3、消息大于1周,显示手机收发时间的日期。 个人补充说明: 1.如果时间的年份是今年以前的,则会展示:2020年04月21日 下午 18:02 2.如果是今年的,则展示:03月21日 下午 18:02 然后废话不多说,代码直接贴上。顺手附带了几个小方法 import { formatTime2 } fr 阅读详情

相关推荐

类似微信聊天中,时间的格式显示(js)

// 时间 function showTimePipe(unix_stamp) { // unix_stamp 精确到微秒 var _today_obj = new Date(), _today_date = { y : _today_obj.getFullYear(), m : ( _today_obj.getMonth...

summer_na的博客 2467

vue实现:查找历史聊天记录,并让页面停留在原位置

【代码】vue实现:聊天记录,下拉加载下一页数据,并让页面停留在原位置。

weixin_58412143的博客 2792

微信小程序timeLine时间线代码片段示例

微信小程序timeLine时间线代码片段示例

Js获取当前日期时间及其它操作

Js获取当前日期时间及其它操作 var myDate = new Date(); myDate.getYear();        //获取当前年份(2位) myDate.getFullYear();    //获取完整的年份(4位,1970-????) myDate.getMonth();       //获取当前月份(0-11,0代表1月) myDate.getDate();        ...

nice_xiaoshi的博客 746

仿微信列表显示时间(年月日、昨天、时间)

仿微信列表显示时间(年月日、昨天、时间) 显示结果为 上午10:00 显示结果为 昨天 上午10:00 显示结果为 05-10

JavaScript 类似微信历史聊天时间样式

类似于微信历史聊天时间样式,当天历史时间显示 如: 上午 08:08 或 08:08 前一天历史记录显示 如:昨天 13:30 一周内显示 如: 星期五 13:30

HIVE日期函数

1.时间戳函数 日期转时间戳:从1970-01-01 00:00:00 UTC到指定时间的秒数 获得当前时区的UNIX时间戳: select unix_timestamp(); 1533716607 将指定的时间转为UNIX时间戳 :select unix_t...

Pluto_k的博客 499

js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前

本篇文章主要介绍了js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前的实例。具有很好的参考价值。下面跟着小编一起来看下吧

JS聊天消息时间展示(当天时间、昨天时间、本周时间以及日期)

在聊天消息中需要展示消息的时间格式,例如当天的消息展示位 12:12;昨天的消息展示:昨天 12:00;本周消息展示为:周一 12:00,超过本周展示为日期:08-01。上方代码块有时间工具类 timeMethod.js。

Andy的博客 981

Android 13 录音APK在后台无数据的处理

未获取到录音数据

chenchen4310的博客 1182

4G+GNSS定位模块DX-CT511N-B:AT指令实战与多协议通信指南

本文详细介绍了4G+GNSS定位模块DX-CT511N-B的AT指令实战应用与多协议通信配置。内容涵盖TCP/UDP通信、MQTT协议集成、HTTP服务交互以及GNSS定位功能的深度解析,为开发者提供从基础指令到高级调试的完整指南,助力物联网设备开发。

hope8的博客 289

仿微信消息时间显示

2、showTime方法用来判断时间是否显示,以及显示格式。3、转换时间格式方法。1、 标签,循环消息。

m0_60207396的博客 823

大数据之数据抽取架构演变过程

而当时我们搭建的Flink集群是基于YARN进行资源管理和调度的,因为YARN中不仅仅包含着FLInk的资源,也有hive,zoozie,hdfs等等的资源,这样容易造成yarn资源的过度使用,容易引起整个底座的cpu以及内存的使用问题,经过排查,主要是由于FLink的使用资源引起的,所以后续就把Flink从整个集群中剥离出来,进行资源的隔离,最后Flink采用了StandAlone HA部署(但是这个目前还是存在问题,后续根据项目进行优化)'topic' = '表名',二、数据抽取架构的演变。

天道酬勤 866

(JS格式化时间)下午、上午、凌晨、昨天上午、昨天下午、昨天凌晨、星期几... 仿微信消息时间

得到仿微信消息时间描述(getWxTimeMemo), 传入 Date 对象 和 锚点, 锚点一般为当前时间 (可定制, 调整condition配置即可自由调整时间描述)

qq_27302871的博客 1488

【FreeRTOS】FreeRTOS 源码学习笔记 (3)队列 及 xQueueGenericSend分析

引言 本篇又不写调度器了,准备先整理整理“队列“,无他,就觉得这个很有用,自己写应用层代码的时候,队列要用的比较多,之前一直用一个自己写的环形buffer,里面nReadIndex,nWriteIndex,nFreeIndex来管理总觉得不够“官方”,这次看到一个如此成熟的队列,还是忍不住先分析一下。 ...

YoYo的桃子树 5100

C++和OpenGL实现3D游戏编程【连载7】——文字和汉字的显示(附源码)

上一节我们讨论了纹理在二维平面内不规则图形贴图的相关基础操作,本节我们开始了解游戏里文字以及汉字的显示方法。本节课我们将从基本的ASCII字符显示,拓展到中文字符的显示,最后再讲到纹理字符的显示,并对各种文字显示方法的优缺点和使用场景进行分析,这节课将使用到显示列表、兼容视图、屏幕图形转纹理等操作。

zhooyu的博客 1497

JS仿微信聊天对话日期 JS格式化时间

JS仿微信聊天对话日期 JS格式化时间

m0_57462721的博客 930

11. 使用 HTTP PUT, PATCH 以及 MERGE 请求消费 SAP ABAP OData 服务修改操作的实现及其区别

使用 SAP ABAP SEGW 事物码实现 OData 服务的修改操作时,对于消费端通过 PATCH/MERGE 和 PUT 这三种不同类型的 HTTP 请求触发的场景,我们应该在 UPDATE_ENTITY 方法里用 IF 分支分别进行处理,原因就在于 GET_ENTITY 方法是否在修改处理逻辑的过程中被触发。......

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 2448

vue+原生js仿钉钉做聊天时间处理

需求 聊天记录 列表显示时间+聊天框显示时间 一分钟:显示刚刚 一小时内:显示多少分钟之前 今日:显示小时+分钟 昨日:显示 昨天+小时+分钟 今年:显示:月份+日期 不属于今年:显示:年月日+小时+分钟 代码逻辑 主函数 解释: 聊天的时间逻辑 传递 timeValue的格式为 2021/03/24 13:56:00 如果数据是'2015-08-18 15:13:15';参考下述进行转换 // var str ='2015-08-18 15:13:15'; // str

weixin_43909743的博客 1696

从原理到落地:监控 SAP OData bgRFC 队列的全景实践指南

摘要(150字) 本文系统讲解SAP Gateway/Backend场景中bgRFC队列的监控方法。内容涵盖:1)监控必要性——确保异步可靠传输,及时识别失败消息;2)两种服务质量(EO/EOIO)对监控策略的影响;3)通过事务码SBGRFCMON和SPRO路径访问监控界面;4)关键授权S_BGRFC的配置要求;5)详细操作指南包括筛选条件和动作选项;6)标准巡检脚本;7)三个典型案例(认证错误、顺序阻塞、调度压力)的诊断与修复方案。全文提供完整的监控方法论和实战指导。

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 284

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

dayjs实现前端消息通知日期格式显示——仿微信消息时间

背景:在做一个消息通知类的需求,在PC端实现消息接收界面,日期显示参考微信聊天界面消息时间提示。具体规则如下:当天:显示时分昨天:显示‘昨天+时分’本周:显示“周几+时分”本周之前:显示“年月日”

涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识 1144

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

uniapp日期转几分钟前、几小时前显示

uniapp日期转几分钟前、几小时前 //datetime 格式为2019-11-22 12:23:59样式 timeago = (datetime) => { //dateTimeStamp是一个时间毫秒,注意时间戳是秒的形式,在这个毫秒的基础上除以1000,就是十位数的时间戳。13位数的都是时间毫秒。 var dateTimeStamp = new Date(datetime.repl...

bigniu的博客 4075

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

格式化时间3:微信聊天中的时间格式

// 时间 function dealTime(unix_stamp) { // unix_stamp 精确到微秒 var _today_obj = new Date(), _today_date = { y : _today_obj.getFullYear(), m : ( _today_obj.getMonth() + 1 < 10 ? '0' + ( _today_obj.getMonth() - - 1 ) : (_to..

m0_60336681的博客 1131

IM即时通讯聊天,5分钟显示一次时间。JS

IM即时聊天,仿微信聊天时间展示

学习路上的小刘 2617

js设置日期和时间方法,js怎么设置时间

大家好,本文将围绕js设置日期和时间方法展开说明,js怎么设置时间是一个很多人都想弄明白的事情,想搞清楚js设置时间延迟需要先了解以下几个事情。当前在 JavaScript 中管理日期和时间的方法是使用Date()对象。还行,但不太好。它具有从字符串创建Date()对象、格式化日期和时间以及取回特定值的方法。但它缺乏从日期中添加或减去时间的原生方法。时区支持也很糟糕。。它目前是第 3 阶段的提案,这意味着它与标准流程相距甚远。那么,我们先来看看Date()的一些用法。

chatgpt002的博客 506
上一篇: vue2.0中vuex到底是干什么的?怎么使用?
下一篇: Vue2.0 从环境搭建到发布(新手完全填坑攻略)
拼搏的小叔
博客等级 码龄10年 56粉丝 61原创
评论 5
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值