本文介绍如何使用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天前”格式的方法介绍,希望能为读者提供实用参考。如有任何疑问,欢迎留言交流,作者将及时回复。感谢对本站的支持!