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

两面一汤 2024-03-29 10:36:23编程技术
255

本文实例讲述了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代码运行工具测试,打印结果如下:

1.png

二、时间戳转时间

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代码运行工具测试效果如下:

2.png

不过这样转换在某些浏览器上会出现不理想的效果,因为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:这里再为大家推荐几款时间及日期相关工具供大家参考使用:

时间单位换算器:
https://www.zhanid.com/tool/shijian.html

在线日期计算器/相差天数计算器:
https://www.zhanid.com/tool/datas.html

Unix时间戳(timestamp)转换工具:
https://www.zhanid.com/tool/shijianchuo.html

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

时间戳 时间戳转换
THE END
ZhanShen
把烦恼扔进夕阳里,和星星一起沉沦。

相关推荐

JavaScript如何定义函数?5种常用方式详解
在JavaScript中,函数不仅是执行特定任务的代码块,还可以作为值传递、存储在变量中、作为参数传递或从其他函数返回。本文ZHANID工具网将详细介绍JavaScript中定义函数的5种常...
2025-07-11 编程技术
233

JavaScript获取当前时间的方法汇总(含格式化输出)
在Web开发中,时间处理是核心功能之一,从页面实时时钟到数据记录的时间戳,再到复杂的日历应用,都需要精确获取和格式化当前时间。本文ZHANID工具网将系统梳理JavaScript中获...
2025-07-10 编程技术
245

JavaScript深拷贝与浅拷贝的区别及实现方法详解
在JavaScript开发中,数据拷贝是处理对象和数组时的常见需求。由于基本类型(如number、string)与引用类型(如object、array)的存储机制不同,直接赋值操作可能导致意外的数...
2025-07-10 编程技术
238

JavaScript报错Uncaught TypeError怎么办?原因及解决办法
在JavaScript开发中,Uncaught TypeError是最常见的运行时错误类型之一,通常表示代码试图对非预期类型的值执行非法操作。这类错误会直接中断程序执行,导致页面功能异常或崩...
2025-07-09 编程技术
259

JavaScript基础语法大全:新手也能轻松掌握的代码指南
JavaScript 是前端开发的核心语言,也是构建交互式网页和现代 Web 应用的关键技术。无论你是刚入门的新手,还是希望提升编程能力的开发者,掌握 JavaScript 基础语法都是必不...
2025-07-08 编程技术
251

JavaScript中this关键字详解:不同调用方式下的指向规则
在JavaScript的面向对象编程中,this是一个动态绑定的关键字,其指向取决于函数的调用方式而非定义位置。这种动态特性使this成为开发者最易混淆的概念之一,但同时也是实现灵...
2025-07-07 编程技术
256