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 相关文章推荐
新浪中用来显示flash的函数
Apr 02 Javascript
各种效果的jquery ui(接口)介绍
Sep 17 Javascript
Javascript学习笔记 delete运算符
Sep 13 Javascript
浅析jQuery EasyUI中的tree使用指南
Dec 18 Javascript
JavaScript采用递归算法计算阶乘实例
Aug 04 Javascript
jQuery基于ajax实现星星评论代码
Aug 07 Javascript
jquery实现简易的移动端验证表单
Nov 08 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
Feb 08 Javascript
js中删除数组中的某一元素实例(无下标时)
Feb 28 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
Jul 12 Javascript
详解用函数式编程对JavaScript进行断舍离
Sep 18 Javascript
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
Sep 19 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
PHP 面向对象 final类与final方法
2010/05/05 PHP
PHP中simplexml_load_string函数使用说明
2011/01/01 PHP
PHP学习笔记之一
2011/01/17 PHP
PHP+Ajax 检测网络是否正常实例详解
2016/12/16 PHP
YII2.0框架行为(Behavior)深入详解
2019/07/26 PHP
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
js克隆对象、数组的常用方法介绍
2013/09/26 Javascript
Javascript学习笔记之数组的遍历和 length 属性
2014/11/23 Javascript
javascript 原型链维护和继承详解
2014/11/26 Javascript
jQuery插件datepicker 日期连续选择
2015/06/12 Javascript
jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】
2016/09/05 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
2017/07/13 Javascript
微信小程序 POST请求的实例详解
2017/09/29 Javascript
JavaScript动态添加数据到表单并提交的几种方式
2019/06/26 Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
2019/09/09 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
2019/10/24 Javascript
vue实现评论列表功能
2019/10/25 Javascript
如何在微信小程序中使用骨架屏的步骤
2020/06/12 Javascript
wxPython中文教程入门实例
2014/06/09 Python
Python字符串替换实例分析
2015/05/11 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
Python基于identicon库创建类似Github上用的头像功能
2017/09/25 Python
Django中日期时间型字段进行年月日时分秒分组统计
2020/11/27 Python
Python中使用Selenium环境安装的方法步骤
2021/02/22 Python
一款纯css3实现的漂亮的404页面的实例教程
2014/11/27 HTML / CSS
HTML5里autofocus自动聚焦属性使用介绍
2016/06/22 HTML / CSS
L’urv官网:精品女性运动服品牌
2019/07/07 全球购物
金鑫耀Java笔试题
2014/09/06 面试题
《菜园里》教学反思
2014/04/17 职场文书
党员一帮一活动总结
2014/07/08 职场文书
高一军训的心得体会
2014/09/01 职场文书
优秀员工自荐书
2015/03/06 职场文书
使用Golang的channel交叉打印两个数组的操作
2021/04/29 Golang
浅谈react useEffect闭包的坑
2021/06/08 Javascript
Redis基本数据类型Zset有序集合常用操作
2022/06/01 Redis
win10重装系统后上不了网怎么办 win10重装系统网络故障的解决办法
2022/07/23 数码科技