如何用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 相关文章推荐
json格式的时间显示为正常年月日的方法
Sep 08 Javascript
将form表单中的元素转换成对象的方法适用表单提交
May 02 Javascript
jquery删除指定子元素代码实例
Jan 13 Javascript
jquery加载图片时以淡入方式显示的方法
Jan 14 Javascript
Js可拖拽放大的层拖动特效实现方法
Feb 25 Javascript
jQuery UI插件自定义confirm确认框的方法
Mar 20 Javascript
jQuery+css实现的时钟效果(兼容各浏览器)
Jan 27 Javascript
javascript基础语法——全面理解变量和标识符
Jun 02 Javascript
Js+Ajax,Get和Post在使用上的区别小结
Jun 08 Javascript
ES6中Set和Map用法实例详解
Mar 02 Javascript
在vue中获取wangeditor的html和text的操作
Oct 23 Javascript
vue配置型表格基于el-table拓展之table-plus组件
Apr 12 Vue.js
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模拟ping命令(php exec函数的使用方法)
2013/10/25 PHP
Zend Framework连接Mysql数据库实例分析
2016/03/19 PHP
Smarty高级应用之缓存操作技巧分析
2016/05/14 PHP
ThinkPHP3.2.3框架邮件发送功能图文实例详解
2019/04/23 PHP
MooTools 页面滚动浮动层智能定位实现代码
2011/08/23 Javascript
javascript设计模式 封装和信息隐藏(上)
2012/07/24 Javascript
js 立即调用的函数表达式如何写
2014/01/12 Javascript
jquery判断复选框是否选中进行答题提示特效
2015/12/10 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
2016/01/23 Javascript
jQuery插件开发汇总
2016/05/15 Javascript
微信小程序 实战小程序实例
2016/10/08 Javascript
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
2017/07/21 Javascript
写给vue新手们的vue渲染页面教程
2017/09/01 Javascript
vue-ajax小封装实例
2017/09/18 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
2017/10/26 Javascript
Vue2.0生命周期的理解
2018/08/20 Javascript
vue form 表单提交后刷新页面的方法
2018/09/04 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
2018/10/07 Javascript
jQuery操作cookie的示例代码
2019/06/05 jQuery
Vue v-for循环之@click点击事件获取元素示例
2019/11/09 Javascript
如何在微信小程序中存setStorage
2019/12/13 Javascript
python实现计算资源图标crc值的方法
2014/10/05 Python
Tensorflow 利用tf.contrib.learn建立输入函数的方法
2018/02/08 Python
基于Python实现的微信好友数据分析
2018/02/26 Python
python 两个数据库postgresql对比
2019/10/21 Python
python入门之基础语法学习笔记
2020/02/08 Python
python标准库sys和OS的函数使用方法与实例详解
2020/02/12 Python
Python常用GUI框架原理解析汇总
2020/12/07 Python
css3给背景图片加颜色遮罩的方法
2019/11/05 HTML / CSS
卡骆驰德国官方网站:Crocs德国
2019/03/29 全球购物
办理居住证介绍信
2014/01/15 职场文书
写给学生的新学期寄语
2014/01/18 职场文书
后备干部培训方案
2014/05/22 职场文书
优秀团员自我评价
2015/03/10 职场文书
利用Python网络爬虫爬取各大音乐评论的代码
2021/04/13 Python
一篇文章带你复习java知识点
2021/06/28 Java/Android