JS根据Unix时间戳显示发布时间是多久前【项目实测】
2019-07-10 09:40
1571 查看
后台接口给的时间数据为Unix时间戳,我们的需求是显示类似微信朋友圈显示发布时间为距离当前时间多久之前,“xx分钟之前”,“xx小时之前”,“xx个月之前”。
类似这样的时间显示效果:
转换函数:
/** * 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时间戳显示发布时间是多久前 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章:
相关文章推荐
- 判断手机号的输入是否正确、获取当前的时间以及显示距离上次发布有多久的时间
- js实现发布了多久的时间描述:发表于几分钟前,几小时前,几天前,几个月前,几年前
- [c.y.j]js根据地区时区显示时间
- js 显示时间戳转化为几分钟之前多久之前方法函数
- idea用tomcat发布项目时js/css/图片等静态内容显示问题
- js根据指定日期以周显示时间区间
- [开源项目发布]Observer:根据map文件测试程序在运行中各个函数的运行时间
- js实现类似微博根据发布时间,给信息加上“刚刚”“一分钟前”“一小时前”
- web项目发布到服务器上,但是修改的css和js文件没有起作用,显示的还是之前没有修改的代码
- JS 实现几秒跳转的代码可以显示时间
- 时间显示js
- JS操作时间 - UNIX时间戳的简单介绍(必看篇)
- js时间格式化函数,支持Unix时间戳
- JS操作时间 - UNIX时间戳简单介绍
- 转载:JS实时显示系统时间
- ajax根据ID查询数据库并返回Json格式数据返回js,使用append显示到页面。判断json值为[]或者[[]]的问题。
- 实时显示时间(HTML+JS)
- bootstrap-table.js如何根据单元格数据不同显示不同的字体的颜色
- 编写新闻发布系统 显示新闻条目时间问题
- js动态显示当前日期,时间和星期代码