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


Posted in Javascript onFebruary 06, 2017

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

Javascript 相关文章推荐
Lazy Load 延迟加载图片的 jQuery 插件
Feb 06 Javascript
mailto的使用技巧分享
Dec 21 Javascript
Extjs3.0 checkboxGroup 动态添加item实现思路
Aug 14 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
Oct 11 Javascript
jQuery中的jQuery()方法用法分析
Dec 27 Javascript
JavaSciprt中处理字符串之sup()方法的使用教程
Jun 08 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
Sep 30 Javascript
JS+CSS3实现超炫的散列画廊特效
Jul 16 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 Javascript
深入理解Webpack 中路径的配置
Jun 17 Javascript
vue点击标签切换选中及互相排斥操作
Jul 17 Javascript
js实现简单的无缝轮播效果
Sep 05 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 #Javascript
浅谈Javascript事件对象
Feb 05 #Javascript
js中创建对象的几种方式
Feb 05 #Javascript
js实现增加数字显示的环形进度条效果
Feb 05 #Javascript
JS实现复制内容到剪贴板功能
Feb 05 #Javascript
js实现适合新闻类图片的轮播效果
Feb 05 #Javascript
BootStrap table删除指定行的注意事项(笔记整理)
Feb 05 #Javascript
You might like
Ajax PHP简单入门教程代码
2008/04/25 PHP
php 获取mysql数据库信息代码
2009/03/12 PHP
MySQL时间字段究竟使用INT还是DateTime的说明
2012/02/27 PHP
php防止恶意刷新与刷票的方法
2014/11/21 PHP
Yii获取当前url和域名的方法
2015/06/08 PHP
PHP目录与文件操作技巧总结(创建,删除,遍历,读写,修改等)
2016/09/11 PHP
Javascript String.replace的妙用
2009/09/08 Javascript
高亮显示web页表格行的javascript代码
2010/11/19 Javascript
toggle()隐藏问题的解决方法
2014/02/17 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
2014/03/05 Javascript
jQuery 如何先创建、再修改、后添加DOM元素
2014/05/20 Javascript
处理文本部分内容的TextRange对象应用实例
2014/07/29 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
2014/10/14 Javascript
JQuery分屏指示器图片轮换效果实例
2015/05/21 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
2015/09/23 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
2016/08/05 Javascript
Vue props用法详解(小结)
2018/07/03 Javascript
浅谈Node框架接入ELK实践总结
2019/02/22 Javascript
微信小程序复选框实现多选一功能过程解析
2020/02/14 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
2020/08/06 Javascript
通过python下载FTP上的文件夹的实现代码
2013/02/10 Python
python使用Tkinter显示网络图片的方法
2015/04/24 Python
Django的信号机制详解
2017/05/05 Python
django站点管理详解
2017/12/12 Python
使用python装饰器计算函数运行时间的实例
2018/04/21 Python
Python简易版图书管理系统
2019/08/12 Python
Python多线程爬取豆瓣影评API接口
2019/10/22 Python
浅谈pytorch 模型 .pt, .pth, .pkl的区别及模型保存方式
2020/05/25 Python
matplotlib部件之矩形选区(RectangleSelector)的实现
2021/02/01 Python
利用HTML5 Canvas制作键盘及鼠标动画的实例分享
2016/03/15 HTML / CSS
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
全球工业:Global Industrial
2020/02/01 全球购物
服装销售人员求职自我评价
2013/09/26 职场文书
预备党员2014全国两会学习心得体会
2014/03/10 职场文书
python 利用PyAutoGUI快速构建自动化操作脚本
2021/05/31 Python
nginx负载功能+nfs服务器功能解析
2022/02/28 Servers