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

作者最新文章