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 相关文章推荐
一个javascript图片阅览组件
Nov 09 Javascript
调试Node.JS的辅助工具(NodeWatcher)
Jan 04 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
Aug 27 Javascript
jQuery在ul中显示某个li索引号的方法
Mar 17 Javascript
JavaScript中Function()函数的使用教程
Jun 04 Javascript
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
May 03 Javascript
AngularJS全局警告框实现方法示例
May 18 Javascript
详解Vue 方法与事件处理器
Jun 20 Javascript
微信小程序实现分享到朋友圈功能
Jul 19 Javascript
webpack 如何解析代码模块路径的实现
Sep 04 Javascript
基于Layui自定义模块的使用方法详解
Sep 14 Javascript
JavaScript实现文件下载并重命名代码实例
Dec 12 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&amp;MYSQL分页原理及实现
2007/01/02 PHP
php Try Catch异常测试
2009/03/01 PHP
php获取表单中多个同名input元素的值
2014/03/20 PHP
php setcookie函数的参数说明及其用法
2014/04/20 PHP
PHP仿tp实现mvc框架基本设计思路与实现方法分析
2018/05/23 PHP
云网广告中的代码,提示出错,大家找找
2006/11/21 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
2013/12/31 Javascript
jquery实现图片预加载
2015/12/25 Javascript
JS中dom0级事件和dom2级事件的区别介绍
2016/05/05 Javascript
深入学习Bootstrap表单
2016/12/13 Javascript
jQuery简单获取DIV和A标签元素位置的方法
2017/02/07 Javascript
详解webpack+gulp实现自动构建部署
2017/06/29 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
2019/09/27 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
2020/04/30 Javascript
python 循环遍历字典元素的简单方法
2016/09/11 Python
Python中类型检查的详细介绍
2017/02/13 Python
Python实现的rsa加密算法详解
2018/01/24 Python
python组合无重复三位数的实例
2018/11/13 Python
使用python list 查找所有匹配元素的位置实例
2019/06/11 Python
Python使用type关键字创建类步骤详解
2019/07/23 Python
浅析python,PyCharm,Anaconda三者之间的关系
2019/11/27 Python
selenium中get_cookies()和add_cookie()的用法详解
2020/01/06 Python
pycharm内无法import已安装的模块问题解决
2020/02/12 Python
Win10下安装并使用tensorflow-gpu1.8.0+python3.6全过程分析(显卡MX250+CUDA9.0+cudnn)
2020/02/17 Python
Python读取文件内容为字符串的方法(多种方法详解)
2020/03/04 Python
基于Keras 循环训练模型跑数据时内存泄漏的解决方式
2020/06/11 Python
python中 _、__、__xx__()区别及使用场景
2020/06/30 Python
PyCharm中关于安装第三方包的三个建议
2020/09/17 Python
Python WebSocket长连接心跳与短连接的示例
2020/11/24 Python
HTML5中新标签和常用标签详解
2014/03/07 HTML / CSS
捷克钓鱼用品网上商店:Parys.cz
2018/06/15 全球购物
材料加工硕士生求职信
2013/10/10 职场文书
中药学专业毕业生推荐信
2014/07/10 职场文书
学雷锋团日活动总结
2015/05/06 职场文书
早上好问候语大全
2015/11/10 职场文书