JavaScript 中将时间戳转换为日期
本教程将解释我们如何在 JavaScript 中把 Unix 时间戳转换为日期。Unix 时间戳是自 1970 年 1 月 1 日 00:00:00UTC 以来经过的时间,用秒来表示。
JavaScript Date
对象包含了自 1970 年 1 月 1 日 00:00:00 UTC 以来经过的时间,以毫秒为单位。
在 JavaScript 中把 Unix 时间戳转换为 Date
当我们使用 new Date()
从 Date()
类中创建一个新的对象时,它会返回创建时的时间,单位为毫秒。如果我们需要在特定的时间点从 Date
类中获取一个对象,我们可以将 epoch 时间戳传递给该类的构造函数。
var timestamp = 1607110465663
var date = new Date(timestamp);
console.log(date.getTime())
console.log(date)
输出:
1607110465663
2020-12-04T19:34:25.663Z
Date
类提供了许多方法来表示 Date
的首选格式,如:
var timestamp = 1607110465663
var date = new Date(timestamp);
console.log(
'Date: ' + date.getDate() + '/' + (date.getMonth() + 1) + '/' +
date.getFullYear() + ' ' + date.getHours() + ':' + date.getMinutes() + ':' +
date.getSeconds());
输出:
Date: 4/12/2020 19:34:25
由于 JavaScript Date
时间戳是以毫秒为单位,而 Unix 时间戳是以秒为单位,所以我们可以将 Unix 时间戳乘以 1000 来转换为 JavaScript 时间戳。如果 Unix 时间戳是 1607110465
,那么 JavaScript 时间戳就是 1607110465000
。
下面的例子演示了我们如何将 Unix 时间戳转换为 JavaScript Date
时间戳。
var unixTimestamp = 62678980
var date = new Date(unixTimestamp * 1000);
console.log('Unix Timestamp:', unixTimestamp)
console.log('Date Timestamp:', date.getTime())
console.log(date)
console.log(
'Date: ' + date.getDate() + '/' + (date.getMonth() + 1) + '/' +
date.getFullYear() + ' ' + date.getHours() + ':' + date.getMinutes() + ':' +
date.getSeconds());
输出:
Unix Timestamp: 62678980
Date Timestamp: 62678980000
Mon Dec 27 1971 12:49:40 GMT+0200 (Eastern European Standard Time)
Date: 27/12/1971 12:49:40
相关文章
在 JavaScript 中为一个元素设置多个属性
发布时间:2024/03/19 浏览次数:187 分类:JavaScript
-
本教程向我们展示了如何使用 JavaScript 一次为一个元素设置多个属性。我们将使用 setAttribute() 方法将每个属性及其值添加到元素中,并使用 Object.keys() 和 forEach() 方法来获取对象键的数
HTML Script Type 属性的使用
发布时间:2024/03/19 浏览次数:74 分类:JavaScript
-
本教程展示了 HTML5、HTML 4.01、XHTML 和 VBScripts 中 HTML 脚本类型属性的使用。
在 JavaScript 中使用 Onclick 转到 URL
发布时间:2024/03/19 浏览次数:129 分类:JavaScript
-
在今天的帖子中,我们将学习 JavaScript 中的 onclick 转到 URL。
在 JavaScript 中使用 HTML Canvas 调整图像大小
发布时间:2024/03/19 浏览次数:82 分类:JavaScript
-
在今天的帖子中,我们将学习在 JavaScript 中使用 HTML 画布调整图像大小。
在 JavaScript 中生成随机颜色
发布时间:2024/03/19 浏览次数:150 分类:JavaScript
-
以 JavaScript 内置 Math 函数和 JQuery 库为 UI(用户界面)随机改变 HTML 网页 onClick 背景色为例。
使用 JavaScript 在 HTML5 Canvas 中绘制圆
发布时间:2024/03/19 浏览次数:53 分类:JavaScript
-
在今天的帖子中,我们将学习如何使用 JavaScript 在 HTML Canvas 中创建图形,特别是圆形。