如何用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弹出层代码
Sep 24 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
Dec 13 Javascript
超级好用的jQuery圆角插件 Corner速成
Aug 31 Javascript
jQuery实现连续动画效果实例分析
Oct 09 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
Oct 28 Javascript
Javascript简单实现面向对象编程继承实例代码
Nov 27 Javascript
深入浅析Bootstrap列表组组件
May 03 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
Jul 12 Javascript
Bootstarp 基础教程之表单部分实例代码
Feb 03 Javascript
javascript过滤数组重复元素的实现方法
May 03 Javascript
利用不到200行代码写一款属于你自己的js类库
Jul 08 Javascript
JS+CSS实现动态时钟
Feb 19 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笔记之:有规律大文件的读取与写入的分析
2013/04/26 PHP
ThinkPHP提示错误Fatal error: Allowed memory size的解决方法
2015/02/12 PHP
php析构函数的简单使用说明
2015/08/24 PHP
PHP实现留言板功能的详细代码
2017/03/25 PHP
PHP实现简单的协程任务调度demo示例
2020/02/01 PHP
Mootools 1.2 手风琴(Accordion)教程
2009/09/15 Javascript
JS中的数组的sort方法使用示例
2014/01/22 Javascript
JavaScript中的对象的extensible属性介绍
2014/12/30 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
AngularJS过滤器filter用法总结
2016/12/13 Javascript
js实现文字向上轮播功能
2017/01/13 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
2017/07/12 jQuery
浅谈对Angular中的生命周期钩子的理解
2017/07/31 Javascript
Vue 去除路径中的#号
2018/04/19 Javascript
Vue-router 切换组件页面时进入进出动画方法
2018/09/01 Javascript
vue cli安装使用less的教程详解
2019/07/12 Javascript
如何使用vue slot创建一个模态框的实例代码
2020/05/24 Javascript
vue实现五子棋游戏
2020/05/28 Javascript
tornado框架blog模块分析与使用
2013/11/21 Python
python使用arp欺骗伪造网关的方法
2015/04/24 Python
Python编程在flask中模拟进行Restful的CRUD操作
2018/12/28 Python
python tkinter窗口最大化的实现
2019/07/15 Python
Python 实现PS滤镜的旋涡特效
2020/12/03 Python
css3 中的新特性加强记忆详解
2016/04/16 HTML / CSS
美国维生素、补充剂、保健食品购物网站:Vitacost
2016/08/05 全球购物
英国婴儿及儿童产品商店:TigerParrot
2019/03/04 全球购物
优秀的教师个人的中文求职信
2013/09/21 职场文书
电子商务网站的创业计划书
2014/01/05 职场文书
乌鸦喝水教学反思
2014/02/07 职场文书
母校寄语大全
2014/04/10 职场文书
社会工作专业自荐信
2014/09/26 职场文书
党政领导班子群众路线对照检查材料
2014/10/26 职场文书
文明单位汇报材料
2014/12/24 职场文书
德能勤绩工作总结
2015/08/11 职场文书
《飘》英文读后感五篇
2019/10/11 职场文书
动漫APP软件排行榜前十名,半次元上榜,第一款由腾讯公司推出
2022/03/18 杂记