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

发布时间 - 2026-01-10 22:52:43    点击率:

如果我们有一份过去时间戳,如何使用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/HTML将时间戳转换为“xx天前”的形式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


# js时间戳转换  # html转换时间戳  # html+js实现动态显示本地时间  # JavaScript 获取当前时间戳的代码  # 利用js获取服务器时间的两个简单方法  # Js 获取当前日期时间及其它操作实现代码  # js实时获取并显示当前时间的方法  # js(jQuery)获取时间的方法及常用时间类搜集  # js获取时间(本周、本季度、本月..)  # 在JSP页面中获取当前日期时间的方法  # JS获取时间的相关函数及时间戳与时间日期之间的转换  # js+html获取系统当前时间  # 转换为  # 小编  # 在此  # 你也  # 可以通过  # 给大家  # 只在  # 所述  # 如何使用  # 给我留言  # 感谢大家  # 疑问请  # 有任何  # 区时  # head  # gt  # lt  # DOCTYPE  # html  # http 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办?  Python图片处理进阶教程_Pillow滤镜与图像增强  Laravel怎么判断请求类型_Laravel Request isMethod用法  Laravel storage目录权限问题_Laravel文件写入权限设置  中国移动官方网站首页入口 中国移动官网网页登录  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界?  Android仿QQ列表左滑删除操作  Laravel如何实现数据导出到CSV文件_Laravel原生流式输出大数据量CSV【方案】  无锡营销型网站制作公司,无锡网选车牌流程?  南京网站制作费用,南京远驱官方网站?  JS经典正则表达式笔试题汇总  矢量图网站制作软件,用千图网的一张矢量图做公司app首页,该网站并未说明版权等问题,这样做算不算侵权?应该如何解决?  PHP怎么接收前端传的文件路径_处理文件路径参数接收方法【汇总】  php打包exe后无法访问网络共享_共享权限设置方法【教程】  Angular 表单中正确绑定输入值以确保提交与验证正常工作  html5怎么画眼睛_HT5用Canvas或SVG画眼球瞳孔加JS控制动态【绘制】  如何在阿里云购买域名并搭建网站?  php增删改查怎么学_零基础入门php数据库操作必知基础【教程】  百度输入法全感官ai怎么关 百度输入法全感官皮肤关闭  动图在线制作网站有哪些,滑动动图图集怎么做?  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  Laravel如何实现用户注册和登录?(Auth脚手架指南)  Laravel如何使用Sanctum进行API认证?(SPA实战)  java获取注册ip实例  Laravel如何使用缓存系统提升性能_Laravel缓存驱动和应用优化方案  Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门  logo在线制作免费网站在线制作好吗,DW网页制作时,如何在网页标题前加上logo?  如何快速登录WAP自助建站平台?  如何快速搭建自助建站会员专属系统?  简历没回改:利用AI润色让你的文字更专业  网站建设整体流程解析,建站其实很容易!  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?  微信小程序 闭包写法详细介绍  高端建站三要素:定制模板、企业官网与响应式设计优化  javascript中对象的定义、使用以及对象和原型链操作小结  Android滚轮选择时间控件使用详解  Laravel Fortify是什么,和Jetstream有什么关系  智能起名网站制作软件有哪些,制作logo的软件?  公司网站制作价格怎么算,公司办个官网需要多少钱?  Laravel如何优化应用性能?(缓存和优化命令)  PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)  Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】  如何在香港免费服务器上快速搭建网站?  Laravel如何配置和使用缓存?(Redis代码示例)  如何用已有域名快速搭建网站?  如何确保FTP站点访问权限与数据传输安全?  零基础网站服务器架设实战:轻量应用与域名解析配置指南  Bootstrap整体框架之JavaScript插件架构  浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】