如何用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 相关文章推荐
js程序中美元符号$是什么
Jun 05 Javascript
jquery插件之easing使用
Aug 19 Javascript
javascript与jquery中跳出循环的区别总结
Nov 04 Javascript
js 事件截取enter按键页面提交事件示例代码
Mar 04 Javascript
强大Vue.js组件浅析
Sep 12 Javascript
jQuery表单验证简单示例
Oct 17 Javascript
JQuery异步提交表单与文件上传功能示例
Jan 12 Javascript
angular.fromJson与toJson方法用法示例
May 17 Javascript
vue+iview 兼容IE11浏览器的实现方法
Jan 07 Javascript
vue实现图片懒加载的方法分析
Feb 05 Javascript
JavaScript使用prototype属性实现继承操作示例
May 22 Javascript
Axios代理配置及封装响应拦截处理方式
Apr 07 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
MayFish PHP的MVC架构的开发框架
2009/08/13 PHP
eAccelerator的安装与使用详解
2013/06/13 PHP
php几个预定义变量$_SERVER用法小结
2014/11/07 PHP
php使用正则表达式进行字符串搜索的方法
2015/03/23 PHP
php文档工具PHP Documentor安装与使用方法
2016/01/25 PHP
PHP使用星号隐藏用户名,手机和邮箱的实现方法
2016/09/22 PHP
Thinkphp5.0自动生成模块及目录的方法详解
2017/04/17 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
php基于 swoole 实现的异步处理任务功能示例
2019/08/13 PHP
thinkphp5+layui实现的分页样式示例
2019/10/08 PHP
javascript的函数
2007/01/31 Javascript
javascript window.opener的用法分析
2010/04/07 Javascript
基于javascript的JSON格式页面展示美化方法
2014/07/02 Javascript
javascript数组常用方法汇总
2016/09/10 Javascript
如何实现星星评价(jquery.raty.js插件)
2016/12/21 Javascript
jQuery密码强度验证控件使用详解
2017/01/05 Javascript
bootstrap警告框使用方法解析
2017/01/13 Javascript
JavaScript瀑布流布局实现代码
2017/05/06 Javascript
Vue2.0 从零开始_环境搭建操作步骤
2017/06/14 Javascript
详解Vue项目部署遇到的问题及解决方案
2019/01/11 Javascript
JavaScript之解构赋值的理解
2019/01/30 Javascript
仿ElementUI实现一个Form表单的实现代码
2019/04/23 Javascript
[03:07]【DOTA2亚洲邀请赛】我们,梦开始的地方
2017/03/07 DOTA
Python中单、双下划线的区别总结
2017/12/01 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
python判断文件夹内是否存在指定后缀文件的实例
2019/06/10 Python
对python 调用类属性的方法详解
2019/07/02 Python
python生成13位或16位时间戳以及反向解析时间戳的实例
2020/03/03 Python
基于Python下载网络图片方法汇总代码实例
2020/06/24 Python
会计岗位职责范本
2014/03/07 职场文书
师德师风自我评价范文
2014/09/11 职场文书
2014五年级班主任工作总结
2014/12/05 职场文书
英文商务邀请函范文
2015/01/31 职场文书
2015初中政教处工作总结
2015/07/21 职场文书
2015年幼师个人工作总结
2015/10/15 职场文书
Python写情书? 10行代码展示如何把情书写在她的照片里
2022/04/21 Python