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 相关文章推荐
最近项目写了一些js,水平有待提高
Jan 31 Javascript
javascript 全等号运算符使用说明
May 31 Javascript
Bootstrap Metronic完全响应式管理模板学习笔记
Jul 08 Javascript
AngularJs Dependency Injection(DI,依赖注入)
Sep 02 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
Jan 11 Javascript
微信小程序 页面跳转传递值几种方法详解
Jan 12 Javascript
简单理解Vue中的nextTick方法
Jan 30 Javascript
jQuery pagination分页示例详解
Oct 23 jQuery
弱类型语言javascript中 a,b 的运算实例小结
Aug 07 Javascript
seajs和requirejs模块化简单案例分析
Aug 26 Javascript
VUE实现密码验证与提示功能
Oct 18 Javascript
Javascript查看大图功能代码实现
May 07 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 数组基础知识小结
2010/08/20 PHP
php编写一个简单的路由类
2011/04/13 PHP
解析PHP留言本模块主要功能的函数说明(代码可实现)
2013/06/25 PHP
浅析Mysql 数据回滚错误的解决方法
2013/08/05 PHP
php一维二维数组键排序方法实例总结
2014/11/13 PHP
PHP中定义数组常量(array常量)的方法
2014/11/17 PHP
PHP实现根据图片色界在不同位置加水印的方法
2015/08/08 PHP
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
2012/01/13 Javascript
JavaScript调用浏览器打印功能实例分析
2015/07/17 Javascript
JavaScript仿支付宝密码输入框
2015/12/29 Javascript
Ubuntu系统下Angularjs开发环境安装
2016/09/01 Javascript
Bootstrap CSS布局之图像
2016/12/17 Javascript
Angular浏览器插件Batarang介绍及使用
2018/02/07 Javascript
javascript获取select值的方法完整实例
2019/06/20 Javascript
layui表格内放置图片,并点击放大的实例
2019/09/10 Javascript
vue使用recorder.js实现录音功能
2019/11/22 Javascript
[13:40]TI3青蛙君全程回顾 DOTA2我们为梦想再战
2013/09/13 DOTA
Python基于动态规划算法计算单词距离
2015/07/25 Python
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
Python做简单的字符串匹配详解
2017/03/21 Python
Pycharm导入Python包,模块的图文教程
2018/06/13 Python
Flask-Mail用法实例分析
2018/07/21 Python
对python 多个分隔符split 的实例详解
2018/12/20 Python
python3.7 sys模块的具体使用
2019/07/22 Python
python Tcp协议发送和接收信息的例子
2019/07/22 Python
Python2.7:使用Pyhook模块监听鼠标键盘事件-获取坐标实例
2020/03/14 Python
python转化excel数字日期为标准日期操作
2020/07/14 Python
python3判断IP地址的方法
2021/03/04 Python
AmazeUI 网格的实现示例
2020/08/13 HTML / CSS
千禧酒店及度假村官方网站:Millennium Hotels and Resorts
2019/05/10 全球购物
为什么UNION ALL比UNION快
2016/03/17 面试题
2014年迎新年活动方案
2014/02/19 职场文书
2014年度党员自我评议
2014/09/13 职场文书
大学生暑期社会实践的个人总结!
2019/07/17 职场文书
关于k8s环境部署mysql主从的问题
2022/03/13 MySQL
Python实现信息管理系统
2022/06/05 Python