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 相关文章推荐
用jscript启动sqlserver
Jun 21 Javascript
(jQuery,mootools,dojo)使用适合自己的编程别名命名
Sep 14 Javascript
Javascript 命名空间模式
Nov 01 Javascript
js构造函数、索引数组和属性的实现方式和使用
Nov 16 Javascript
jQuery+css实现百度百科的页面导航效果
Dec 16 Javascript
JScript中的条件注释详解
Apr 24 Javascript
浅析AngularJS中的指令
Mar 20 Javascript
jQuery焦点图轮播效果实现方法
Dec 19 Javascript
JavaScript html5利用FileReader实现上传功能
Mar 27 Javascript
详解如何在nuxt中添加proxyTable代理
Aug 10 Javascript
json 带斜杠时如何解析的实现
Aug 12 Javascript
vue 导航菜单刷新状态不消失,显示对应的路由界面操作
Aug 06 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中进行身份认证
2006/10/09 PHP
php文件怎么打开 如何执行php文件
2011/12/21 PHP
php中的一些数组排序方法分享
2012/07/20 PHP
php使用curl获取https请求的方法
2015/02/11 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
PHP实现文字写入图片功能
2019/02/18 PHP
TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法分析
2019/12/31 PHP
JavaScript中数组的排序、乱序和搜索实现代码
2011/11/30 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
2015/08/04 Javascript
jquery判断复选框选中状态以及区分attr和prop
2015/12/18 Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
2016/01/26 Javascript
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度
2016/09/14 Javascript
如何在vue中使用ts的示例代码
2018/02/28 Javascript
node.js文件的复制、创建文件夹等相关操作
2021/02/05 Javascript
[01:01:18]VP vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
使用Python的package机制如何简化utils包设计详解
2017/12/11 Python
python实现word 2007文档转换为pdf文件
2018/03/15 Python
Python使用Selenium模块实现模拟浏览器抓取淘宝商品美食信息功能示例
2018/07/18 Python
Python之inspect模块实现获取加载模块路径的方法
2018/10/16 Python
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
Django框架模板语言实例小结【变量,标签,过滤器,继承,html转义】
2019/05/23 Python
PyTorch的深度学习入门教程之构建神经网络
2019/06/27 Python
django 中使用DateTime常用的时间查询方式
2019/12/03 Python
python使用html2text库实现从HTML转markdown的方法详解
2020/02/21 Python
Python全面分析系统的时域特性和频率域特性
2020/02/26 Python
Django 项目布局方法(值得推荐)
2020/03/22 Python
Python实现七个基本算法的实例代码
2020/10/08 Python
CSS3 Flexbox中flex-shrink属性的用法示例介绍
2013/12/30 HTML / CSS
最新的小工具和卓越的产品设计:Oh That Tech!
2019/08/07 全球购物
网络维护中文求职信
2014/01/03 职场文书
公司同意接收函
2014/01/13 职场文书
护士毕业自我鉴定
2014/02/07 职场文书
预防艾滋病宣传活动总结
2015/05/09 职场文书
个人催款函范文
2015/06/23 职场文书
解决MultipartFile.transferTo(dest) 报FileNotFoundExcep的问题
2021/07/01 Java/Android