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

前端  /  管理员 发布于 4年前   330

后台接口给的时间数据为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时间戳显示发布时间是多久前 ,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

您可能感兴趣的文章:

• JS操作时间 - UNIX时间戳的简单介绍(必看篇)
• vue.js将unix时间戳转换为自定义时间格式
• JavaScript输出当前时间Unix时间戳的方法
• js时间戳与日期格式之间相互转换
• javascript时间戳和日期字符串相互转换代码(超简单)
• 利用 filter 机制给静态资源 url 加上时间戳，来防止js和css文件的缓存问题
• JS获取时间的相关函数及时间戳与时间日期之间的转换