欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

如何用JS/HTML将时间戳转换为“xx天前”的形式

时间:2022-01-09 11:06:48|栏目:JavaScript代码|点击:

如果我们有一份过去时间戳,如何使用JS/HTML将时间戳转换为“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文件上传神器bootstrap fileinput详解

栏    目:JavaScript代码

下一篇:基于iscroll.js实现下拉刷新和上拉加载效果

本文标题:如何用JS/HTML将时间戳转换为“xx天前”的形式

本文地址:http://www.codeinn.net/misctech/189598.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有