JavaScript实现时间戳转换为“xx天前”显示格式
作者:桌面漫游时间:2026-10-21 21:28:38浏览:335
本文介绍如何使用JavaScript将过去的时间戳转换为“xx天前”的友好显示格式。通过计算当前时间与目标时间的差值,并按秒、分、时、天进行判断,实现相对时间的展示。需注意该方法仅适用于同一时区环境,且可通过Date类获取具体时间的Unix时间戳作为输入。
JavaScript实现时间戳转换为“xx天前”显示格式
若需将历史时间戳转换为“xx天前”的展示形式,可参考以下完整代码示例。
需要注意的是,该转换逻辑仅在时间戳与当前系统处于同一时区时才准确适用。
此外,也可利用Date类将具体日期时间转换为对应的时间戳,作为转换的输入源。
<!DOCTYPE html>
<html>
<head>
< http-equiv="Content-Type" content="text/html; charset=utf-8"/>
< src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</ >
< > $(document).ready(function()
{
var str = "";
var timestamp = 0;
var pass = 0;
str = $("#time").text();
timestamp = (new Date()).valueOf();
pass = (timestamp - str) / 1000;
$("#time").text(pass);
if (pass < 60) {
$("#time").text(pass + "秒前");
}
else
{
if (pass < (60 * 60))
{
pass = Math.floor(pass / 60);
$("#time").text(pass + "分钟前");
}
else
{
if (pass < (60 * 60 * 72))
{
pass = Math.floor(pass / 60 / 60);
$("#time").text(pass + "小时前");
}
else
{
if (pass >= (60 * 60 * 72) )
{
pass = Math.floor(pass / 60 / 60 / 24);
$("#time").text(pass + "天前");
}
}
}
}
});
</ >
</head>
<body>
<div id="time">1486122654000</div>
</body>
</html>
以上即为利用JS/HTML实现时间戳转换为“xx天前”格式的方法介绍,希望能为读者提供实用参考。如有任何疑问,欢迎留言交流,作者将及时回复。感谢对本站的支持!
作者最新文章
Mock.js 拦截失效或数据格式错误的常见原因及排查
2026-11-05 10:11:59
Java和JavaScript名字像但没关系:辨析Java、JavaWeb与JS
2026-11-04 09:30:54
CodePen、JSFiddle与RunJS对比:哪款JS在线运行工具更适合你?
2026-11-03 16:46:57
JS 统计图渲染空白或报错怎么排查?常见问题解决指南
2026-11-03 09:49:40
flv.js 常见报错 MediaError 与解码失败排查指南
2026-11-02 10:29:29
相关标签:
