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


Posted in Javascript onJuly 10, 2019

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

类似这样的时间显示效果:

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

转换函数:

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

Javascript 相关文章推荐
基于jquery的鼠标拖动效果代码
May 30 Javascript
让AJAX不依赖后端接口实现方案
Dec 03 Javascript
关于图片的预加载过程中隐藏未知的
Dec 19 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
May 07 Javascript
JQuery 使用attr方法实现下拉列表选中
Oct 13 Javascript
微信jssdk在iframe页面失效问题的解决措施
Mar 03 Javascript
原生JS写Ajax的请求函数功能
Dec 22 Javascript
微信小程序之判断页面滚动方向的示例代码
Aug 30 Javascript
Vue.js更改调试地址端口号的实例
Sep 19 Javascript
ES7之Async/await的使用详解
Mar 28 Javascript
简单了解JavaScript sort方法
Nov 25 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
Jul 16 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
Jul 10 #Javascript
JS将时间秒转换成天小时分钟秒的字符串
Jul 10 #Javascript
js Array.slice的8种不同用法示例
Jul 10 #Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 #Javascript
Vue编程式跳转的实例代码详解
Jul 10 #Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
Jul 10 #Javascript
Vue事件修饰符native、self示例详解
Jul 09 #Javascript
You might like
ubuntu下编译安装xcache for php5.3 的具体操作步骤
2013/06/18 PHP
PHP开发中常见的安全问题详解和解决方法(如Sql注入、CSRF、Xss、CC等)
2014/04/21 PHP
权威JavaScript 中的内存泄露模式
2007/08/13 Javascript
JS input 数字验证代码
2009/07/30 Javascript
javascript 事件查询综合 推荐收藏
2010/03/10 Javascript
5个最佳的Javascript日期处理类库分享
2012/04/15 Javascript
浏览器兼容console对象的简要解决方案分享
2013/10/24 Javascript
jQuery中:hidden选择器用法实例
2014/12/30 Javascript
javascript实现网页屏蔽Backspace事件,输入框不屏蔽
2015/07/21 Javascript
jQuery实现平滑滚动的标签分栏切换效果
2015/08/28 Javascript
JS实现slide文字框缩放伸展效果代码
2015/11/05 Javascript
JQuery导航菜单选择特效
2016/04/11 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
2016/12/30 Javascript
jquery设置css样式的多种方法(总结)
2017/02/21 Javascript
大白话讲解JavaScript的Promise
2017/04/06 Javascript
nodejs个人博客开发第七步 后台登陆
2017/04/12 NodeJs
vue中改变选中当前项的显示隐藏或者状态的实现方法
2018/02/08 Javascript
js实现页面多个日期时间倒计时效果
2019/06/20 Javascript
layui之数据表格--与后台交互获取数据的方法
2019/09/29 Javascript
[03:46]DAC趣味视频-中文考试.mp4
2017/04/02 DOTA
一些常用的Python爬虫技巧汇总
2016/09/28 Python
python的re正则表达式实例代码
2018/01/24 Python
python实现学员管理系统
2019/02/26 Python
python 为什么说eval要慎用
2019/03/26 Python
关于Keras模型可视化教程及关键问题的解决
2020/01/24 Python
python查看矩阵的行列号以及维数方式
2020/05/22 Python
Python Tricks 使用 pywinrm 远程控制 Windows 主机的方法
2020/07/21 Python
Pycharm Available Package无法显示/安装包的问题Error Loading Package List解决
2020/09/18 Python
Waterford加拿大官方网站:世界著名的水晶杯品牌
2016/11/01 全球购物
龟牌英国商店:Turtle Wax Brand Store UK
2019/07/02 全球购物
世界上最好的野生海鲜和有机食品:Vital Choice
2020/01/16 全球购物
医院护士专业个人的求职信
2013/12/09 职场文书
2014教师“四风问题”对照检查材料思想汇报
2014/09/16 职场文书
2014年大学教师工作总结
2014/12/02 职场文书
满月酒邀请函
2015/01/30 职场文书
公司员工违纪检讨书
2015/05/05 职场文书