您的位置:首页 > Web前端 > JavaScript

JS根据Unix时间戳显示发布时间是多久前【项目实测】

2019-07-10 09:40 1571 查看

后台接口给的时间数据为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;
}

总结

以上所述是小编给大家介绍的JS根据Unix时间戳显示发布时间是多久前 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

您可能感兴趣的文章:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息