如何用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 相关文章推荐
由prototype_1.3.1进入javascript殿堂-类的初探
Nov 06 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
Oct 29 Javascript
js函数中onmousedown和onclick的区别和联系探讨
May 19 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
Nov 25 Javascript
javascript实现信息的显示和隐藏如注册页面
Dec 03 Javascript
js实现俄罗斯方块小游戏分享
Jan 31 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
Mar 13 Javascript
PHP获取当前页面完整URL的方法
Dec 02 Javascript
微信小程序获取微信运动步数的实例代码
Jul 20 Javascript
select2 ajax 设置默认值,初始值的方法
Aug 09 Javascript
jquery图片预览插件实现方法详解
Jul 18 jQuery
详解微信小程序图片地扯转base64解决方案
Aug 18 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
PHP多线程抓取网页实现代码
2010/07/22 PHP
采集邮箱的php代码(抓取网页中的邮箱地址)
2012/07/17 PHP
PHP连接MYSQL数据库的3种常用方法
2017/02/27 PHP
PHP合并两个或多个数组的方法
2019/01/20 PHP
PHP addAttribute()函数讲解
2019/02/03 PHP
laravel 操作数据库常用函数的返回值方法
2019/10/11 PHP
JS读取XML文件示例代码
2013/11/15 Javascript
javascript中定义类的方法详解
2015/02/10 Javascript
javascript实现控制div颜色
2015/07/07 Javascript
分享网页检测摇一摇实例代码
2016/01/14 Javascript
轻松实现jquery手风琴效果
2016/01/14 Javascript
ionic 上拉菜单(ActionSheet)实例代码
2016/06/06 Javascript
JavaScript严格模式详解
2017/01/16 Javascript
Angular中支持SCSS的方法
2017/11/18 Javascript
node.js的Express服务器基本使用教程
2019/01/09 Javascript
详解JavaScript的变量
2019/04/04 Javascript
JS求1到任意数之间的所有质数的方法详解
2019/05/20 Javascript
[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic
2018/04/03 DOTA
Python基于twisted实现简单的web服务器
2014/09/29 Python
Python3 串口接收与发送16进制数据包的实例
2019/06/12 Python
python 数据提取及拆分的实现代码
2019/08/26 Python
Python enumerate函数遍历数据对象组合过程解析
2019/12/11 Python
如何基于python实现归一化处理
2020/01/20 Python
解决tensorflow添加ptb库的问题
2020/02/10 Python
python3 简单实现组合设计模式
2020/07/02 Python
python 实现超级玛丽游戏
2020/11/25 Python
老板电器官方购物商城:老板油烟机、燃气灶、消毒柜、电烤箱
2018/05/30 全球购物
阿迪达斯新加坡官方网站:adidas新加坡
2019/12/06 全球购物
年会活动策划方案
2014/01/23 职场文书
医药销售自我评价200字
2014/09/11 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
2015年党务公开工作总结
2015/05/19 职场文书
创业计划书之校园跑腿公司
2019/09/24 职场文书
深入理解redis中multi与pipeline
2021/06/02 Redis
golang的文件创建及读写操作
2022/04/14 Golang
SQL Server 中的事务介绍
2022/05/20 SQL Server