首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

聊天IM的时间显示规则

聊天内容比聊天时间更为重要,尽量避免时间和发送状态对聊天内容的干扰,简化界面,仅保留最核心的信息:发送者、发送内容。...Badge(未读消息数量) 当消息数量达到三位数时(也即消息数量 > 99),显示…而非数字,缓解/减轻强迫症患者的心理压力 时间显示 时间戳由客户端自行处理,时间戳的显示根据不同的场景进行显示,可参考下面几种典型的使用场景...###点击聊天列表,进入聊天详情时(单聊或群聊) 1)获取数据 获取最近最多20条数据(20条为一页数据,超过20条时只取最近的20条,少于20条时有多少取多少) 2)显示数据 获取第一条消息的接收时间...###聊天ing 当收到新消息时,判断当前收到的消息与lastShowTimeStamp之间的间隔,大于5分钟时就显示时间戳,同时更新lastShowTimeStamp的值为当前新消息收到的时间戳。...先显示时间戳,然后判断每一条时间戳与上一次显示时间戳进行比较,间隔大于5分钟时显示新的时间戳,唯一与第一条规则不同的是,此时不要更新lastShowTimeStamp的值。

4.6K41
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    简单时间显示

    这期我们讲解一个简单的时间显示。使用一个倒计时案例巩固js的内置函数。 首先简单罗列一下要使用到的函数和方法。使用var myDate = new Date();来获取当前时间。...接着就是在showTime函数中实现js效果了;首先获取当前时间这个对象,然后使用Date内置对象中的js方法,获取出当前时间的各个时间值。...现在我们来新建一个数组存储七个日期 最后,js获取元素,控制元素内容的显示,我们使用innerHTML属性来实现。...到此,网页上即可显示当前时间 但现在时间是静止的,我们在showTime函数的最后使用setTimeout函数,在500毫秒后执行showTime函数,这样就能不断调用showTime函数了,形成回调函数...到此,showTime函数就会每500毫秒执行一次,这样获取到的时间就会不断增加了。 最后国际惯例,把整个代码贴出来 下期将会延续时间显示js各种效果,敬请期待吧。。。 跟我一起,改变世界。

    2.2K20

    Win11关闭时间显示——强行修改右下角时间显示

    Win11由于系统重新搞了一遍任务栏,所以无法直接关闭时间的图标显示了。 我们只能通过修改系统设置,实现隐藏或关闭windows11任务栏上显示时间和日期。...目录 操作步骤 1、打开操作面板 2、选择【大图标】->【区域】 3、点击其它设置 4、选择【时间】选项卡 5、选择【日期】选项卡 ---- 操作步骤 1、打开操作面板 2、选择【大图标】->【区域】...3、点击其它设置 4、选择【时间】选项卡 这里我们能看到时间的格式是:【H:mm:ss】这样显示的,但是我们来看看右下角的事件显示。...这里我们能看到并没有显示秒这个单位,那么我们就能利用这个方式来强行更换一下,时间格式改为【s】,小s代表秒数,秒不显示,故而符合规格但是不显示时间。 点击应用后我们来看看效果。...我们已经看不到时间了。那么还有日期显示,我们来试试: 5、选择【日期】选项卡 这里直接切换选项卡即可。 我们来看看效果: 就剩下了一个【2】,代表日期。

    7.1K40

    仿微信的IM聊天时间显示格式(含iOSAndroidWeb实现)

    1、引言 即时通讯IM应用中的聊天消息时间显示是个再常见不过的需求,现在都讲究用户体验,所以时间显示再也不能像传统软件一样简单粗地暴显示成“年/月/日 时:分:秒”这样。...“消息”界面 聊天界面(注意聊天界面中默认带了“时:分”的显示) 来自微信官方对聊天消息时间显示的规则说明: ▲ 该规则的定义,主要是2、3条(本图引用自微信官方FAQ文档) 4、总结一下微信中聊天消息的时间显示逻辑...① 微信对于聊天消息时间显示的规则总结如下(首页“消息”界面): 1)当聊天消息时间为一周之内时:当天的消息显示为“小时:分钟”形式,然后是“昨天”、“前天”,然后就是“星期几”这个样子; 2)当聊天消息的时间大于一周时...② 微信对于聊天消息时间显示的规则总结如下(聊天内容界面): 1)当聊天消息时间为一周之内时:当天的消息显示为“小时:分钟”形式,然后是“昨天 时:分”、“前天 时:分”,然后就是“星期几  时:分”这个样子...; 2)当聊天消息的时间大于一周时:直接显示“年/月/日 时:分”的完整时间格式。

    4.4K50
    领券