JS根据Unix时间戳显示发布时间是多久前

后台接口给的时间数据为Unix时间戳,我们的需求是显示类似微信朋友圈显示发布时间为距离当前时间多久之前,“xx分钟之前”,“xx小时之前”,“xx个月之前”。
类似这样的时间显示效果:
时间转换
转换函数:

/**
 * Unix时间戳转换为当前时间多久之前
 * @param timespan  int         Unix时间戳
 * @return timeSpanStr  string      转换之后的前台需要的字符串
 */
function Ftime (timespan) {
    var dateTime = new Date(timespan * 1000);
    var year = dateTime.getFullYear();
    var month = dateTime.getMonth() + 1;
    var day = dateTime.getDate();
    var hour = dateTime.getHours();
    var minute = dateTime.getMinutes();
    //当前时间
    var now = Date.parse(new Date());  //typescript转换写法
    var milliseconds = 0;
    var timeSpanStr;
    //计算时间差
    milliseconds = (now / 1000) - timespan;

    //一分钟以内
    if (milliseconds <= 60) {
        timeSpanStr = '刚刚';
    }
    //大于一分钟小于一小时
    else if (60 < milliseconds && milliseconds <= 60 * 60) {
        timeSpanStr = Math.ceil((milliseconds / (60))) + '分钟前';
    }
    //大于一小时小于等于一天
    else if (60 * 60 < milliseconds && milliseconds <= 60 * 60 * 24) {
        timeSpanStr = Math.ceil(milliseconds / (60 * 60)) + '小时前';
    }
    //大于一天小于等于15天
    else if (60 * 60 * 24 < milliseconds && milliseconds <= 60 * 60 * 24 * 30) {
        timeSpanStr = Math.ceil(milliseconds / (60 * 60 * 24)) + '天前';
    }
    //大于一个月小于一年
    else if (60 * 60 * 24 * 30 < milliseconds && milliseconds <= 60 * 60 * 24 * 30 * 12){
        timeSpanStr = Math.ceil(milliseconds / (60 * 60 * 24 * 30)) + '个月前';
    }
    //超过一年显示
    else {
        timeSpanStr = year + '年' + month + '月' + day + '日 ' + hour + ':' + minute;   
    }
    return timeSpanStr;
}

项目实测。

行星带.原创,转载请注明来源,原文地址:
https://www.belter.tech/archives/1576.html