如何用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 相关文章推荐
jquery 锁定弹出层实现代码
Feb 23 Javascript
js优化针对IE6.0起作用(详细整理)
Dec 25 Javascript
jquery入门——事件机制之事件中的冒泡现象示例解释
Sep 12 Javascript
JavaScript对HTML DOM使用EventListener进行操作
Oct 21 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
Jun 13 Javascript
jQuery插件 Jqplot图表实例
Jun 18 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
Nov 05 Javascript
JavaScript实现form表单的多文件上传
Mar 27 Javascript
react脚手架如何配置less和ant按需加载的方法步骤
Nov 28 Javascript
Vue 嵌套路由使用总结(推荐)
Jan 13 Javascript
Vue是怎么渲染template内的标签内容的
Jun 05 Javascript
AudioContext 实现音频可视化(web技术分享)
Feb 24 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模板,主要想体现一下思路
2006/12/25 PHP
在PHP中养成7个面向对象的好习惯
2010/01/28 PHP
php5.4以上版本GBK编码下htmlspecialchars输出为空问题解决方法汇总
2015/04/03 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
php压缩文件夹最新版
2018/07/18 PHP
来自chinaz的ajax获取评论代码
2008/05/03 Javascript
JavaScript 基于原型的对象(创建、调用)
2009/10/16 Javascript
Javascript的构造函数和constructor属性
2010/01/09 Javascript
让人印象深刻的10个jQuery手风琴效果应用
2012/05/08 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
2013/06/26 Javascript
写JQuery插件的基本知识
2013/11/25 Javascript
jQuery过滤选择器:not()方法使用介绍
2014/04/20 Javascript
js实现星星打分效果的方法
2020/07/05 Javascript
jquery专业的导航菜单特效代码分享
2015/08/29 Javascript
常用的JQuery函数及功能小结
2016/03/24 Javascript
javascript断点调试心得分享
2016/04/23 Javascript
浅谈JavaScript的计时器对象
2016/12/26 Javascript
你真的了解BOM中的history对象吗
2017/02/13 Javascript
利用types增强vscode中js代码提示功能详解
2017/07/07 Javascript
node.js的exports、module.exports与ES6的export、export default深入详解
2017/10/26 Javascript
对vue下点击事件传参和不传参的区别详解
2018/09/15 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
2018/09/21 Javascript
微信小程序提取公用函数到util.js及使用方法示例
2019/01/10 Javascript
Cython 三分钟入门教程
2009/09/17 Python
python中reduce()函数的使用方法示例
2017/09/29 Python
详解Python下载图片并保存本地的两种方式
2019/05/15 Python
python如何给字典的键对应的值为字典项的字典赋值
2019/07/05 Python
浅谈Python线程的同步互斥与死锁
2020/03/22 Python
python 多线程爬取壁纸网站的示例
2021/02/20 Python
HTML5的一个显示电池状态的API简介
2015/06/18 HTML / CSS
戴森香港官方网站:Dyson香港
2021/02/11 全球购物
4s客服专员岗位职责
2013/12/01 职场文书
2014老师三严三实对照检查材料思想汇报
2014/09/18 职场文书
领导班子奢靡之风查摆问题及整改措施
2014/09/27 职场文书
工作检讨书范文
2015/01/23 职场文书
紧急迫降观后感
2015/06/15 职场文书