首页 >web前端 >前端问答 >javascript 时间戳转datetime

javascript 时间戳转datetime

WBOY
WBOY原创
2023-05-15 19:38:061084浏览

JavaScript 是一门强大的脚本语言,它广泛应用于网页前端开发和服务器端编程。在 JavaScript 中,时间戳和日期时间之间的转换是十分常见的操作。

时间戳是指自 1970 年 1 月 1 日 00:00:00 UTC(协调世界时)以来的毫秒数。在 JavaScript 中,可以通过以下代码获取当前时间戳:

var timestamp = new Date().getTime(); // 获取当前时间戳

然而,时间戳并不直观,通常需要将其转换为日期时间格式以便人类理解。JavaScript 提供了多种方法来进行时间戳和日期时间之间的转换。下面我们来分别介绍这些方法。

时间戳转日期时间

将时间戳转换为日期时间,可以使用 Date 对象的 toLocaleString() 方法。这个方法会根据本地时间返回一个字符串,格式为 yyyy/MM/dd HH:mm:ss。代码如下:

var timestamp = 1626194523854; // 假设时间戳为 2021/07/14 12:15:23.854
var datetime = new Date(timestamp).toLocaleString('zh-CN', {hour12: false});
console.log(datetime); // 输出:2021/7/14 12:15:23

其中,toLocaleString() 方法接受两个参数:

  • 第一个参数指定地区(locale)代码,这里我们用 zh-CN 表示中国。根据地区不同,时间格式会有所不同。
  • 第二个参数以对象形式传入,用于设置日期时间的格式。{hour12: false} 表示不使用 12 小时制,而是使用 24 小时制。

这样,我们就成功将时间戳转换为了日期时间格式。

日期时间转时间戳

将日期时间转换为时间戳,可以使用 Date 对象的 getTime() 方法。该方法返回自 1970 年 1 月 1 日 00:00:00 UTC(协调世界时)以来的毫秒数。代码如下:

var datetime = '2021-07-14T12:15:23.854Z'; // 假设日期时间为 2021/07/14 12:15:23.854 UTC
var timestamp = new Date(datetime).getTime();
console.log(timestamp); // 输出:1626292523854

其中,日期时间需要满足 ISO 8601 标准格式,即 yyyy-MM-ddTHH:mm:ss.sssZ。在这个格式中,Z 表示时区为 UTC,也可以指定其他时区。

这样,我们就成功将日期时间转换为了时间戳。

性能考虑

虽然以上代码看起来简单易懂,但需要注意的是,每次创建 Date 对象会产生一定的性能开销,特别是在循环中或者频繁调用时。为了提高性能,我们可以使用一个小技巧,将时间戳缓存为一个变量,只在需要时进行转换,如下所示:

var timestamp = 1626194523854; // 假设时间戳为 2021/07/14 12:15:23.854
var datetime = null; // 初始值为 null,表示尚未转换
var getDatetime = function() {
  if (datetime === null) {
    datetime = new Date(timestamp).toLocaleString('zh-CN', {hour12: false});
  }
  return datetime;
};
console.log(getDatetime()); // 输出:2021/7/14 12:15:23

这样,在第一次调用 getDatetime() 时,会进行时间戳转换操作,并将结果缓存到 datetime 变量中。在后续的调用中,直接返回缓存结果即可。这样做可以避免重复的时间戳转换操作,提高代码性能。

总之,JavaScript 中时间戳和日期时间之间的转换非常重要,也很常见。只要我们掌握了正确的转换方法,并注意代码性能,就可以轻松应对各种时间转换需求。

以上是javascript 时间戳转datetime的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn