如何用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中“基本类型”之争小结
Jan 03 Javascript
用js来刷新当前页面保留参数的具体实现
Dec 23 Javascript
js中array的sort()方法使用介绍
Feb 20 Javascript
jQuery 中$(this).index与$.each的使用指南
Nov 20 Javascript
jQuery中width()方法用法实例
Dec 24 Javascript
javascript编写贪吃蛇游戏
Jul 07 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
Aug 31 Javascript
Zepto实现密码的隐藏/显示
Apr 07 Javascript
JavaScript中 ES6变量的结构赋值
Jul 10 Javascript
vue项目部署到Apache服务器中遇到的问题解决
Aug 24 Javascript
vue+Element-ui实现分页效果实例代码详解
Dec 10 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
Jun 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/10/09 PHP
php通过递归方式复制目录和子目录的方法
2015/03/13 PHP
PHP PDOStatement::fetchAll讲解
2019/01/31 PHP
ExtJS GridPanel 根据条件改变字体颜色
2010/03/08 Javascript
手把手教你自己写一个js表单验证框架的方法
2010/09/14 Javascript
纯JAVASCRIPT图表动画插件Highcharts Examples
2011/04/16 Javascript
js隐藏与显示回到顶部按钮及window.onscroll事件应用
2013/01/25 Javascript
jquery验证手机号是否正确实例讲解
2015/11/17 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
使用jquery.form.js实现图片上传的方法
2016/05/05 Javascript
基于Javascript实现文件实时加载进度的方法
2016/10/12 Javascript
JS实现给对象动态添加属性的方法
2017/01/05 Javascript
详解nodejs操作mongodb数据库封装DB类
2017/04/10 NodeJs
Js实现中国公民身份证号码有效性验证实例代码
2017/05/03 Javascript
JS获取短信验证码倒计时的实现代码
2017/05/22 Javascript
使用async-validator编写Form组件的方法
2018/01/10 Javascript
详解vuex结合localstorage动态监听storage的变化
2018/05/03 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
2019/08/17 Javascript
Python的Flask开发框架简单上手笔记
2015/11/16 Python
python+Splinter实现12306抢票功能
2018/09/25 Python
实例讲解python中的序列化知识点
2018/10/08 Python
浅谈pycharm的xmx和xms设置方法
2018/12/03 Python
Python3实现的反转单链表算法示例
2019/03/08 Python
Django模板导入母版继承和自定义返回Html片段过程解析
2019/09/18 Python
python实现画出e指数函数的图像
2019/11/21 Python
Python Django form 组件动态从数据库取choices数据实例
2020/05/19 Python
python 逆向爬虫正确调用 JAR 加密逻辑
2021/01/12 Python
天巡全球:Skyscanner Global
2017/06/20 全球购物
班班通校本培训方案
2014/03/12 职场文书
家长对学生的评语
2014/04/18 职场文书
校园会短篇的广播稿
2014/10/21 职场文书
毕业设计答辩开场白
2015/05/29 职场文书
《蟋蟀的住宅》教学反思
2016/02/17 职场文书
奶茶店的创业计划书该怎么写?
2019/07/15 职场文书
导游词之襄阳古城
2019/09/27 职场文书
什么是动态刷新率DRR? Windows11动态刷新率功能介绍
2021/11/21 数码科技