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 相关文章推荐
Javascript SHA-1:Secure Hash Algorithm
Dec 20 Javascript
在IE模态窗口中自由查看HTML源码的方法
Mar 08 Javascript
c#和Javascript操作同一json对象的实现代码
Jan 17 Javascript
非jQuery实现照片散落桌子上,单击放大的LightBox效果
Nov 28 Javascript
jQuery插件EasyUI校验规则 validatebox验证框
Nov 29 Javascript
Vue2.0用 watch 观察 prop 变化(不触发)
Sep 08 Javascript
jQuery 实现左右两侧菜单添加、移除功能
Jan 02 jQuery
vue加载完成后的回调函数方法
Sep 07 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
Feb 26 Javascript
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
Jun 24 Javascript
JS实现手写 forEach算法示例
Apr 29 Javascript
部署vue+Springboot前后端分离项目的步骤实现
May 31 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
星际争霸, 教主第一视角, ZvT经典龙蛇演义
2020/03/02 星际争霸
ThinkPHP之用户注册登录留言完整实例
2014/07/22 PHP
php读取mssql的ntext字段返回值为空的解决方法
2014/12/30 PHP
深入浅析php中sprintf与printf函数的用法及区别
2016/01/08 PHP
laravel 如何实现引入自己的函数或类库
2019/10/15 PHP
可以将word转成html的js代码
2010/04/11 Javascript
关于javascript event flow 的一个bug详解
2013/09/17 Javascript
js实现的二级横向菜单条实例
2015/08/22 Javascript
nodejs实现bigpipe异步加载页面方案
2016/01/26 NodeJs
jQuery 自定义下拉框(DropDown)附源码下载
2016/07/22 Javascript
动态JavaScript所造成一些你不知道的危害
2016/09/25 Javascript
详解前端自动化工具gulp自动添加版本号
2016/12/20 Javascript
AngularJS Controller作用域
2017/01/09 Javascript
jQuery实现鼠标跟随效果
2017/02/20 Javascript
JS+php后台实现文件上传功能详解
2019/03/02 Javascript
微信小程序前端自定义分享的实现方法
2019/06/13 Javascript
微信小程序通过js实现瀑布流布局详解
2019/08/28 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
2019/09/06 Javascript
Python常用正则表达式符号浅析
2014/08/13 Python
Django中对通过测试的用户进行限制访问的方法
2015/07/23 Python
Python subprocess模块常见用法分析
2018/06/12 Python
python ---lambda匿名函数介绍
2019/03/13 Python
施华洛世奇美国官网:SWAROVSKI美国
2018/02/08 全球购物
Bose美国官网:购买Bose耳机和音箱
2019/03/10 全球购物
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2014/01/19 面试题
酒店管理专业学生求职信
2013/09/27 职场文书
大学生实习期自我评价范文
2013/10/03 职场文书
初中生三年学习生活的自我评价
2013/11/03 职场文书
物流仓管员工作职责
2014/01/06 职场文书
小区门卫管理制度
2014/01/29 职场文书
二年级小学生评语
2014/04/21 职场文书
幼儿园六一儿童节活动方案
2014/08/26 职场文书
美术教师个人总结
2015/02/06 职场文书
2015教师个人德育工作总结
2015/07/22 职场文书
普希金诗歌赏析(6首)
2019/08/22 职场文书
Canvas绘制像素风图片的示例代码
2021/09/25 HTML / CSS