小左闲谈

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

当前位置:首页 » 笔记 » 本页
In 笔记  @2016-10-27

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

  1. /**
  2.  * Unix时间戳转换为当前时间多久之前
  3.  * @param timespan 	int 		Unix时间戳
  4.  * @return timeSpanStr 	string 		转换之后的前台需要的字符串
  5.  */
  6. function Ftime (timespan) {
  7.     var dateTime = new Date(timespan * 1000);
  8.     var year = dateTime.getFullYear();
  9.     var month = dateTime.getMonth() + 1;
  10.     var day = dateTime.getDate();
  11.     var hour = dateTime.getHours();
  12.     var minute = dateTime.getMinutes();
  13.     //当前时间
  14.     var now = Date.parse(new Date());  //typescript转换写法
  15.     var milliseconds = 0;
  16.     var timeSpanStr;
  17.     //计算时间差
  18.     milliseconds = (now / 1000) - timespan;
  19.  
  20.     //一分钟以内
  21.     if (milliseconds <= 60) {
  22.         timeSpanStr = '刚刚';
  23.     }
  24.     //大于一分钟小于一小时
  25.     else if (60 < milliseconds && milliseconds <= 60 * 60) {
  26.         timeSpanStr = Math.ceil((milliseconds / (60))) + '分钟前';
  27.     }
  28.     //大于一小时小于等于一天
  29.     else if (60 * 60 < milliseconds && milliseconds <= 60 * 60 * 24) {
  30.         timeSpanStr = Math.ceil(milliseconds / (60 * 60)) + '小时前';
  31.     }
  32.     //大于一天小于等于15天
  33.     else if (60 * 60 * 24 < milliseconds && milliseconds <= 60 * 60 * 24 * 30) {
  34.         timeSpanStr = Math.ceil(milliseconds / (60 * 60 * 24)) + '天前';
  35.     }
  36.     //大于一个月小于一年
  37.     else if (60 * 60 * 24 * 30 < milliseconds && milliseconds <= 60 * 60 * 24 * 30 * 12){
  38.         timeSpanStr = Math.ceil(milliseconds / (60 * 60 * 24 * 30)) + '个月前';
  39.     }
  40.     //超过一年显示
  41.     else {
  42.         timeSpanStr = year + '年' + month + '月' + day + '日 ' + hour + ':' + minute;   
  43.     }
  44.     return timeSpanStr;
  45. }

项目实测。

若无特殊声明,表示本文由:小左闲谈.原创
链接地址: http://blog.m1910.com/archives/1576.html
版权所有 © 转载时请以链接形式注明作者和原始出处!
标签: , ,   评论: 抢沙发  被围观 1,207 次

发表一下你的看法

您将是第一位评论人!

avatar
wpDiscuz