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

(编辑：jimmy 日期: 2024/11/19 浏览：2)

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

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

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

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

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

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程序设计有所帮助。

上一篇：如何手动实现es5中的bind方法详解

下一篇：vue+SSM实现验证码功能