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

 更新时间:2018年12月07日 11:06:15   作者:两面一汤  
这篇文章主要介绍了JavaScript时间与时间戳的转换操作,结合实例形式分析了javascript日期与时间戳转换相关函数与操作技巧,需要的朋友可以参考下

本文实例讲述了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.jb51.net/code/HtmlJsRun测试,打印结果如下:

二、时间戳转时间

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.jb51.net/code/HtmlJsRun测试效果如下:

不过这样转换在某些浏览器上会出现不理想的效果,因为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);
}

PS:这里再为大家推荐几款时间及日期相关工具供大家参考使用:

在线日期/天数计算器:
http://tools.jb51.net/jisuanqi/date_jisuanqi

在线日期计算器/相差天数计算器:
http://tools.jb51.net/jisuanqi/datecalc

在线日期天数差计算器:
http://tools.jb51.net/jisuanqi/onlinedatejsq

Unix时间戳(timestamp)转换工具:
http://tools.jb51.net/code/unixtime

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript时间与日期操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • 关于JS中的全等和不全等、等于和不等于问题

    关于JS中的全等和不全等、等于和不等于问题

    等号和非等号的同类运算符是全等号和非全等号。这两个运算符所做的与等号和非等号相同,只是它们在检查相等性前,不执行类型转换。接下来通过本文给大家介绍JS中的全等和不全等、等于和不等于,一起看看吧
    2021-09-09
  • js内置对象处理_打印学生成绩单的简单实现

    js内置对象处理_打印学生成绩单的简单实现

    下面小编就为大家带来一篇js内置对象处理_打印学生成绩单的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • 详解JS中统计函数执行次数与执行时间

    详解JS中统计函数执行次数与执行时间

    这篇文章给大家分享了JS中统计函数执行次数与执行时间的相关知识点内容,有兴趣的朋友们分享下。
    2018-09-09
  • 深入了解JavaScript Promise

    深入了解JavaScript Promise

    这篇文章主要为大家介绍了JavaScript Promise,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-12-12
  • 前端进阶之教你利用javascript存储函数

    前端进阶之教你利用javascript存储函数

    这篇文章主要给大家介绍了关于利用javascript存储函数的相关资料,文中通过实例代码介绍的非常详细,对大家学习或者使用js具有一定的参考学习价值,需要的朋友可以参考下
    2021-11-11
  • 由 JavaScript 的 with 引发的探索

    由 JavaScript 的 with 引发的探索

    这篇文章主要介绍了由 JavaScript 的 with 引发的探索,js 的 with 是为对象访问提供命名空间式的访问方式,with 创建一个对象的命名空间,在这个命名空间内你可以直接访问对象的属性,而不需要通过对象来访问,下面一起来了解更多详细内容吧
    2022-01-01
  • 怎样调用动态获取的自定义对象的方法

    怎样调用动态获取的自定义对象的方法

    怎样调用动态获取的自定义对象的方法...
    2006-10-10
  • javascript常见数据验证插件大全

    javascript常见数据验证插件大全

    这篇文章主要介绍了javascript常见数据验证插件大全,需要的朋友可以参考下
    2015-08-08
  • 简单易懂的JSONP和CORS跨域方案详解

    简单易懂的JSONP和CORS跨域方案详解

    这篇文章主要为大家介绍了简单易懂的JSONP和CORS跨域方案详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • JavaScript利用油猴脚本实现去水印功能

    JavaScript利用油猴脚本实现去水印功能

    这篇文章主要为大家详细介绍了JavaScript如何利用油猴脚本实现去水印功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-03-03

最新评论