JavaScript时间与时间戳的转换操作实例分析


Posted in Javascript onDecember 07, 2018

本文实例讲述了JavaScript时间与时间戳的转换操作。分享给大家供大家参考,具体如下:

一、时间转时间戳:javascript获得时间戳的方法有五种,都是通过实例化时间对象 new Date() 来进一步获取当前的时间戳

1.

var timestamp1 = Date.parse(new Date());
// 结果:1544151187000 不推荐这种办法,毫秒级别的数值被转化为000
console.log(timestamp1);

2.

var timestamp2 = (new Date()).valueOf();
// 结果:1544151187152 通过valueOf()函数返回指定对象的原始值获得准确的时间戳值
console.log(timestamp2);

3.

var timestamp3 = new Date().getTime();
// 结果:1544151187152 ,通过原型方法直接获得当前时间的毫秒值,准确
console.log(timestamp3);

4.

var timetamp4 = Number(new Date()) ;
//结果:1544151187152 ,将时间转化为一个number类型的数值,即时间戳
console.log(timetamp4);

5.ES5给Date提供了一种获取时间戳的新特性 

var timetamp5 = Date.now();
//结果:1544151187152 
console.log(timetamp5);

使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试,打印结果如下:

JavaScript时间与时间戳的转换操作实例分析

二、时间戳转时间

var timestamp4 = new Date(1544151250236);//直接用 new Date(时间戳) 格式转化获得当前时间
console.log(timestamp4);
console.log(timestamp4.toLocaleDateString().replace(/\//g, "-") + " " + timestamp4.toTimeString().substr(0, 8)); //再利用拼接正则等手段转化为yyyy-MM-dd hh:mm:ss 格式

使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试效果如下:

JavaScript时间与时间戳的转换操作实例分析

不过这样转换在某些浏览器上会出现不理想的效果,因为toLocaleDateString()方法是因浏览器而异的,比如 IE为2018年12月7日 10:54:10 格式 搜狗为Fri Dec 07 2018 10:54:10

可以通过分别获取时间的年月日进行拼接,比如:

function getdate() {
  var now = new Date(),
    y = now.getFullYear(),
    m = ("0" + (now.getMonth() + 1)).slice(-2),
    d = ("0" + now.getDate()).slice(-2);
  return y + "-" + m + "-" + d + " " + now.toTimeString().substr(0, 8);
}
Javascript 相关文章推荐
js Array操作的最简短最容易理解方法
Dec 09 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
Dec 12 Javascript
javascript跨域原因以及解决方案分享
Apr 08 Javascript
浅谈Javascript中Object与Function对象
Sep 26 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
May 21 Javascript
javascript检测移动设备横竖屏
May 21 Javascript
jquery 实现回车登录详解及实例代码
Oct 23 Javascript
Node.js连接postgreSQL并进行数据操作
Dec 18 Javascript
关于jQuery库冲突的完美解决办法
May 20 jQuery
细说webpack6 Babel的使用详解
Sep 26 Javascript
小程序websocket心跳库(websocket-heartbeat-miniprogram)
Feb 23 Javascript
Vue实现简单计算器案例
Feb 25 Javascript
vue+SSM实现验证码功能
Dec 07 #Javascript
详解如何为你的angular app构建一个第三方库
Dec 07 #Javascript
JS实现随机生成10个手机号的方法示例
Dec 07 #Javascript
angular学习之动态创建表单的方法
Dec 07 #Javascript
JavaScript栈和队列相关操作与实现方法详解
Dec 07 #Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
Dec 07 #Javascript
vue webpack打包后图片路径错误的完美解决方法
Dec 07 #Javascript
You might like
php基于base64解码图片与加密图片还原实例
2014/11/03 PHP
PHP7匿名类用法分析
2016/09/26 PHP
Thinkphp 框架扩展之类库扩展操作详解
2020/04/23 PHP
浅析PHP echo 和 print 语句
2020/06/30 PHP
实现超用户体验 table排序javascript实现代码
2009/06/22 Javascript
aspx中利用js实现确认删除代码
2010/07/22 Javascript
jquery的键盘事件修改代码
2011/02/24 Javascript
解析使用JS 清空File控件的路径值
2013/07/08 Javascript
jQuery中:first-child选择器用法实例
2014/12/31 Javascript
javascript显示中文日期的方法
2015/06/18 Javascript
css如何让浮动元素水平居中
2015/08/07 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
2016/08/25 Javascript
JS中动态创建元素的三种方法总结(推荐)
2016/10/20 Javascript
jQuery Ztree行政地区树状展示(点击加载)
2016/11/09 Javascript
微信小程序新增的拖动组件movable-view使用教程
2017/05/20 Javascript
JavaScript之class继承_动力节点Java学院整理
2017/07/03 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
2017/11/30 Javascript
vue导出html、word和pdf的实现代码
2018/07/31 Javascript
vue form 表单提交后刷新页面的方法
2018/09/04 Javascript
使用beaker让Facebook的Bottle框架支持session功能
2015/04/23 Python
JPype实现在python中调用JAVA的实例
2017/07/19 Python
在python3环境下的Django中使用MySQL数据库的实例
2017/08/29 Python
python书籍信息爬虫实例
2018/03/19 Python
对python append 与浅拷贝的实例讲解
2018/05/04 Python
Python调用C++,通过Pybind11制作Python接口
2018/10/16 Python
python3.x 生成3维随机数组实例
2019/11/28 Python
python实现把两个二维array叠加成三维array示例
2019/11/29 Python
使用Dajngo 通过代码添加xadmin用户和权限(组)
2020/07/03 Python
利用pipenv和pyenv管理多个相互独立的Python虚拟开发环境
2020/11/01 Python
荷兰DOD药房中文官网:DeOnlineDrogist
2020/12/27 全球购物
党员年终民主评议的自我评价
2013/11/05 职场文书
偷看我的初中毕业鉴定
2014/01/29 职场文书
乡镇干部学习心得体会
2016/01/23 职场文书
公文写作:新员工转正申请书范本3篇!
2019/08/07 职场文书
Python使用海龟绘图实现贪吃蛇游戏
2021/06/18 Python
MySQL基于索引的压力测试的实现
2021/11/07 MySQL