【JavaScript】内置对象 - Date 日期对象 ③ ( 获取日期对应时间戳 | getTime 方法 | valueOf 方法 | +new Date() 方法 | Date.now方法 )

韩曙亮

发布于 2024-05-13 08:34:35

1660

发布于 2024-05-13 08:34:35

文章被收录于专栏：韩曙亮的移动开发专栏韩曙亮的移动开发专栏

Date 日期对象参考文档 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date

一、获取日期对应的毫秒时间戳

1、时间戳简介

时间戳指的是从 1970 年 1 月 1 日开始到当前时刻的毫秒数 ;

1970 年 1 月 1 日是世界标准时间 , 英文名称 Coordinated Universal Time , 简称 UTC , 这是 Unix 时间戳 , 全世界统一 ;

2、调用 Date 对象的 getTime 函数获取时间戳

调用 Date 对象的 getTime() 函数 , 可以获取当前 Date 对象对应的毫秒时间戳 ;

        // 1. 创建 Date 内置对象 , 参数为空
        var date = new Date();

        // 2. 调用 Date 对象的 getTime 方法获取毫秒时间戳  
        var timestamp = date.getTime();

完整代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // Date 内置对象

        // 1. 创建 Date 内置对象 , 参数为空
        var date = new Date();

        // 2. 调用 Date 对象的 getTime 方法获取毫秒时间戳  
        var timestamp = date.getTime();

        // 3. 在控制台打印时间戳
        console.log(timestamp);
    </script>
</head>

<body>
</body>

</html>

执行结果 :

3、调用 Date 对象的 valueOf 函数获取时间戳

调用 Date 对象的 valueOf() 函数 , 可以获取当前 Date 对象对应的毫秒时间戳 ;

        // 1. 创建 Date 内置对象 , 参数为空
        var date = new Date();

        // 2. 调用 Date 对象的 valueOf 方法获取毫秒时间戳 
        var timestamp = date.valueOf();

完整代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // Date 内置对象

        // 1. 创建 Date 内置对象 , 参数为空
        var date = new Date();

        // 2. 调用 Date 对象的 valueOf 方法获取毫秒时间戳 
        var timestamp = date.valueOf();

        // 3. 在控制台打印时间戳
        console.log(timestamp);
    </script>
</head>

<body>
</body>

</html>

4、使用 + 运算符获取 Date 对象的时间戳 ( 最常用 )

创建 Date 对象时 , 在 new 关键字前面使用 + 运算符 , 可以获取 Date 对象的时间戳 ;

        // 1. 创建 Date 内置对象 , 参数为空
        var timestamp = +new Date();

        // 2. 在控制台打印时间戳
        console.log(timestamp);

该方法是最常用的方法 , 可以获取任意 Date 日期的时间戳 , 不只是当前 , 也可以获取指定日期的时间戳 ;

调用 Date.now() 方法只能获取当前日期的时间戳 ;

完整代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // Date 内置对象

        // 1. 创建 Date 内置对象 , 参数为空
        var timestamp = +new Date();

        // 2. 在控制台打印时间戳
        console.log(timestamp);
    </script>
</head>

<body>
</body>

</html>

执行结果 :

5、调用 Date 对象的 now 方法获取现在时间戳 ( H5 新增 - 不兼容低版本 )

调用 Date 对象的 now 方法获取现在时间的时间戳 , 这是静态方法 ;

        // 1. 调用 Date 对象的 now 静态方法获取 当前的 毫秒时间戳 
        var timestamp = Date.now();

        // 2. 在控制台打印时间戳
        console.log(timestamp);

注意 :

只能使用 Date 调用 now 静态方法 , 不能调用 Date 对象的 now 方法 , 否则会出错 ;
这是 HTML5 新增的方法 , 低版本浏览器不支持该用法 ;
新程序不考虑兼容性 , 推荐使用该方法 ;

完整代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // Date 内置对象

        // 1. 调用 Date 对象的 now 静态方法获取 当前的 毫秒时间戳 
        var timestamp = Date.now();

        // 2. 在控制台打印时间戳
        console.log(timestamp);
    </script>
</head>

<body>
</body>

</html>

执行结果 :

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-05-13，如有侵权请联系 cloudcommunity@tencent.com 删除

javascript

date