js实现文章或个人动态发布了多久的时间描述：几分钟前，几小时前，几天前等

「爱情、让人受尽委屈。」 2021-06-11 15:12 469阅读 0赞

一般来说，为提高用户体验，在某些管理文章或个人动态时，需要在右下角显示该文章或该动态已经发布了多久。

那么该需求具体到底怎么实现呢？如果没思路可能会觉得有点难，但是一旦有了思路之后，其实实现起来很简单。

1.首先我们要明确显示的时间层具体有几层；

2.要明确年月日时分秒的获取和相互之间的单位换算；

3.怎么用逻辑去判断，去返回详细的时间描述。

理解上面三个步骤之后，我们来实现一下简单的需求，只有四个时间层，分钟层、时钟层、几天层和超过一周后就显示原发布时间层。注：代码中的post\_modified是文章或动态的发布时间。

代码如下：

function handlePublishTimeDesc(post_modified){
                    // 拿到当前时间戳和发布时的时间戳，然后得出时间戳差
                    var curTime = new Date();
                    var postTime = new Date(post_modified);
                    var timeDiff = curTime.getTime() - postTime.getTime();
                
                    // 单位换算
                    var min = 60 * 1000;
                    var hour = min * 60;
                    var day = hour * 24;
                    var week = day * 7;
    
                    // 计算发布时间距离当前时间的周、天、时、分
                    var exceedWeek = Math.floor(timeDiff/week);
                    var exceedDay = Math.floor(timeDiff/day);
                    var exceedHour = Math.floor(timeDiff/hour);
                    var exceedMin = Math.floor(timeDiff/min);
    
                    // 最后判断时间差到底是属于哪个区间，然后return
                    if(exceedWeek > 0){
                        return post_modified;                    
                    }else{
                        if(exceedDay < 7 && exceedDay > 0){
                            return exceedDay + '天前';
                        }else{
                            if(exceedHour < 24 && exceedHour > 0){
                                return exceedHour + '小時前';
                            }else{
                                return exceedMin + '分鐘前';
                            }
                        }
                    }
                },

下面的代码就是调用之后返回的结果，如下代码和图：

var post_modified = "2018-08-15 11:53:04";
    console.log(handlePublishTimeDesc(post_modified));
    var post_modified = "2018-08-15 09:53:04";
    console.log(handlePublishTimeDesc(post_modified));
    var post_modified = "2018-08-13 09:53:04";
    console.log(handlePublishTimeDesc(post_modified));
    var post_modified = "2018-08-05 09:53:04";
    console.log(handlePublishTimeDesc(post_modified));

![70][]

以上代码有瑕疵的地方就是函数内if语句嵌套的比较多，这里建议大家学习下用优雅的方法去处理这些判断问题。

[70]: /images/20210522/ce8b78dd848c47788c1bbc4fecfc99ed.png

发表评论取消回复

表情：

评论列表（有 0 条评论，469人围观）

还没有评论，来说两句吧...

相关阅读

相关 PHP 判断几秒前，几分钟，几小时前最多判断6天前

$time = strtotime("2021-02-17 19:04:14"); echo ReckonTime($time); funct

水深无声/ 2023年10月06日 16:28/ 0 赞/ 63 阅读

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

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

蔚落/ 2022年12月16日 06:59/ 0 赞/ 273 阅读

相关 js 显示友好的时间格式【刚刚、几分钟前、几小时、几天前、几周前、几月前等等时间格式化】

以下代码转载于：[https://www.cnblogs.com/sunshouguo/p/11727606.html][https_www.cnblogs.com_sunsh

小鱼儿/ 2022年12月04日 04:27/ 0 赞/ 273 阅读

相关 java实现几分钟前，几小时前，几天前的代码

代码下载地址：[http://www.zuidaima.com/share/1550463224564736.htm][http_www.zuidaima.com_share_

绝地灬酷狼/ 2022年08月23日 15:47/ 0 赞/ 248 阅读

相关 php计算几分钟前、几小时前、几天前的几个函数、类分享

这篇文章主要介绍了php计算时间几分钟前、几小时前、几天前的几个函数、类分享,需要的朋友可以参考下一、函数实现实例1： function time_tran(

╰+哭是因爲堅強的太久メ/ 2022年08月14日 00:44/ 0 赞/ 237 阅读

相关几秒前，几分钟前，几小时前，几天前，几月前，几年前的java实现

在代码开发的时候，特别是那种论坛啊什么的要返回“几秒前，几分钟前，几小时前，几天前，几月前，几年前”这样的时间格式，服务端那边只肯返回yyyy-MM-dd HH:mm:ss的格

淩亂°似流年/ 2022年06月01日 12:42/ 0 赞/ 348 阅读

相关 java实现几分钟前，几小时前，几天前的代码

代码下载地址：[http://www.zuidaima.com/share/1550463224564736.htm][http_www.zuidaima.com_share_

叁歲伎倆/ 2022年04月13日 10:38/ 0 赞/ 324 阅读

相关时间戳转换成几年前、几天前、几小时前等格式

timeFormat(time) { if (time > 0) { var result ti

爱被打了一巴掌/ 2022年01月29日 23:39/ 0 赞/ 385 阅读

相关将时间转换成几分钟前，几天前，几年前格式

> <div class="liveTime">2015-10-01 14:20:00</div> <div class="l

小咪咪/ 2021年09月26日 15:40/ 0 赞/ 440 阅读

相关 js实现文章或个人动态发布了多久的时间描述：几分钟前，几小时前，几天前等

一般来说，为提高用户体验，在某些管理文章或个人动态时，需要在右下角显示该文章或该动态已经发布了多久。那么该需求具体到底怎么实现呢？如果没思路可能会觉得有点难，但是一旦有了思

「爱情、让人受尽委屈。」/ 2021年06月11日 15:12/ 0 赞/ 470 阅读