如何用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 remove 自定义数组删除方法
Oct 20 Javascript
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 Javascript
jquery插件之文字间歇自动向上滚动效果代码
Feb 25 Javascript
JQuery异步加载PartialView的方法
Jun 07 Javascript
MUI 上拉刷新/下拉加载功能实例代码
Apr 13 Javascript
Avalonjs双向数据绑定与监听的实例代码
Jun 23 Javascript
从零开始搭建webpack+react开发环境的详细步骤
May 18 Javascript
JS实现的3des+base64加密解密算法完整示例
May 18 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
Aug 23 Javascript
js实现表格数据搜索
Aug 09 Javascript
如何用JS实现网页瀑布流布局
Apr 24 Javascript
uni-app 微信小程序授权登录的实现步骤
Feb 18 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与XML联手进行网站编程代码实例
2008/07/10 PHP
PHP 利用Mail_MimeDecode类提取邮件信息示例
2014/01/26 PHP
详解PHP中strlen和mb_strlen函数的区别
2014/03/07 PHP
CentOS下搭建PHP环境与WordPress博客程序的全流程总结
2016/05/07 PHP
TP框架实现上传一张图片和批量上传图片的方法分析
2020/04/23 PHP
Javascript中的数学函数
2007/04/04 Javascript
详谈javascript中的cookie
2015/06/03 Javascript
使用JavaScript实现连续滚动字幕效果的方法
2015/07/07 Javascript
JS跨域交互(jQuery+php)之jsonp使用心得
2016/07/01 Javascript
jQuery 全选 全部选 反选 实现代码
2016/08/17 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
2017/03/28 Javascript
如何使用Bootstrap 按钮实例详解
2017/03/29 Javascript
bootstrap警告框示例代码分享
2017/05/17 Javascript
深入理解ES6中let和闭包
2018/02/22 Javascript
vue.js实现标签页切换效果
2018/06/07 Javascript
移动端底部导航固定配合vue-router实现组件切换功能
2019/06/13 Javascript
如何通过shell脚本自动生成vue文件详解
2019/09/10 Javascript
Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤
2021/01/22 Vue.js
浅谈python中的占位符
2017/11/09 Python
从CentOS安装完成到生成词云python的实例
2017/12/01 Python
pyqt5的QWebEngineView 使用模板的方法
2018/08/18 Python
详解Python传入参数的几种方法
2019/05/16 Python
python实现网站用户名密码自动登录功能
2019/08/09 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
美国南加州的原创极限运动潮牌:Vans(范斯)
2016/08/05 全球购物
Tomcat的缺省是多少,怎么修改
2014/04/09 面试题
和谐家庭演讲稿
2014/05/24 职场文书
学用政策心得体会
2014/09/10 职场文书
教师自我剖析材料(群众路线)
2014/09/29 职场文书
工伤事故证明
2014/10/20 职场文书
志愿者事迹材料
2014/12/26 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书
2016年推广普通话宣传周活动总结
2016/04/06 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python
Java基础——Map集合
2022/04/01 Java/Android
《堡垒之夜》联动《刺客信条》 4月7日正式上线
2022/04/06 其他游戏