如何用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 相关文章推荐
Javascript实现的分页函数
Dec 22 Javascript
利用JQuery为搜索栏增加tag提示
Jun 22 Javascript
JavaScript栏目列表隐藏/显示简单实现
Apr 03 Javascript
一个简单的jQuery计算器实现了连续计算功能
Jul 21 Javascript
使用angular写一个hello world
Jan 23 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
Jun 18 Javascript
JavaScript中判断数据类型的方法总结
May 24 Javascript
jQuery EasyUI封装简化操作
Sep 18 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
Dec 19 Javascript
详解微信UnionID作用
May 15 Javascript
详解小程序BackgroundAudioManager踩坑之旅
Dec 08 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
Apr 07 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 字符串 小常识
2009/06/05 PHP
PHP操作文件类的函数代码(文件和文件夹创建,复制,移动和删除)
2011/11/10 PHP
Zend Studio 实用快捷键一览表(精心整理)
2013/08/10 PHP
用js实现的模拟jquery的animate自定义动画(2.5K)
2010/07/20 Javascript
读jQuery之十四 (触发事件核心方法)
2011/08/23 Javascript
js替代copy(示例代码)
2013/11/27 Javascript
jquery 页面滚动到底部自动加载插件集合
2014/01/31 Javascript
JavaScript中的prototype.bind()方法介绍
2014/04/04 Javascript
JQuery给元素绑定click事件多次执行的解决方法
2014/05/29 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
2014/08/30 Javascript
判断访客终端类型集锦
2015/06/05 Javascript
详解javascript new的运行机制
2016/01/26 Javascript
javascript拖拽应用实例(二)
2016/03/25 Javascript
javascript实现下雪效果【实例代码】
2016/05/03 Javascript
javascript中的深复制详解及实例分析
2016/12/29 Javascript
React项目动态设置title标题的方法示例
2018/09/26 Javascript
three.js实现圆柱体
2018/12/30 Javascript
JavaScript函数Call、Apply原理实例解析
2020/02/17 Javascript
vue父子模板传值问题解决方法案例分析
2020/02/26 Javascript
js实现鼠标拖曳效果
2020/12/30 Javascript
Python中实现常量(Const)功能
2015/01/28 Python
Python输出PowerPoint(ppt)文件中全部文字信息的方法
2015/04/28 Python
Python中正则表达式详解
2017/05/17 Python
Win7下Python与Tensorflow-CPU版开发环境的安装与配置过程
2018/01/04 Python
python 使用poster模块进行http方式的文件传输到服务器的方法
2019/01/15 Python
pyhton中__pycache__文件夹的产生与作用详解
2019/11/24 Python
基于python SMTP实现自动发送邮件教程解析
2020/06/02 Python
HTML5新增属性data-*和js/jquery之间的交互及注意事项
2017/08/08 HTML / CSS
Giglio德国网上精品店:奢侈品服装和配件
2016/09/23 全球购物
用JAVA SOCKET编程,读服务器几个字符,再写入本地显示
2012/11/25 面试题
青年安全生产示范岗事迹材料
2014/05/04 职场文书
中药学自荐信
2014/06/15 职场文书
反洗钱宣传活动总结
2014/08/26 职场文书
Axios取消重复请求的方法实例详解
2021/06/15 Javascript
Python实现Excel文件的合并(以新冠疫情数据为例)
2022/03/20 Python
Ruby GDBM操作简介及数据存储原理
2022/04/19 Ruby