JS：创建Date对象、Date对象的API、计算时间差

最新推荐文章于 2022-10-27 22:22:07 发布

红嘴-蓝鹊

最新推荐文章于 2022-10-27 22:22:07 发布

阅读量512

点赞数 1

分类专栏： JS基础文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_48475463/article/details/122809927

版权

JS基础专栏收录该内容

28 篇文章 1 订阅

订阅专栏

1. 创建Date对象方式

    <script>
        // 创建Date对象
        function demoCreateDate(){
            // 1. 无参默认创建当前时间的Date对象
            // var date = new Date();
            // console.log(date); //Mon Feb 07 2022 15:38:40 GMT+0800 (GMT+08:00)

            // 2. 以dateString为参数创建Date对象
            // var date = new Date('December 17, 1996 04:41:12')
            // console.log(date);

            // 3.以Unix时间戳创建Date对象（距离1970年0时所逝去的时间毫秒）
            // var date = new Date(0)
            // var date = new Date(1000*60*60*24*365*52)
            // console.log(date);

            // 4.以年月日时分秒毫秒为参数创建Date对象 
            var date = new Date(2022, 1, 7, 10, 44, 0)
            console.log(date);
        }
        demoCreateDate()
    </script>

2. Date对象的API

    <script>
        function dateAPI(){
            var date = new Date()

            // 1. 获取date对象的年月日时分秒
            console.log(date.getFullYear()); //2022
            console.log(date.getMonth()); //1  注:一月 0 二月 1 .....
            console.log(date.getDate()); //7
            console.log(date.getDay()); //1  注:星期日 为 0
            console.log(date.getHours()); //15
            console.log(date.getMinutes()); //55
            console.log(date.getSeconds()); //48
            console.log(date.getTime()); //1644220597438  Unix时间戳（距离1970年0时所逝去的时间毫秒）

            /* 国际化/本地化显示 */
            console.log(date);
            console.log(date.toString());
            console.log(date.toTimeString());//15:32:23 GMT+0800 (中国标准时间)
            console.log(date.toDateString());//Fri Dec 03 2021
            console.log(date.toLocaleString());//2021/12/3 下午3:33:25
            console.log(date.toLocaleTimeString());//下午3:33:58
            console.log(date.toLocaleDateString());//2021/12/3

        }
        dateAPI()
    </script>

3. 计算时间差：计算距离国庆节放假还有XX天零XX小时XX分XX秒

<body>
    <h5>距离国庆节放假倒计时:</h5>
    <p id="pCountDown"></p>
    <script>
        // 计算时间差：计算距离国庆节放假还有XX天零XX小时XX分XX秒
        function calcTimeDifference() {
            var national = new Date(2022, 10, 1)
            var now = new Date()

            // 两个date对象做减法 = 时间戳之差
            var timestamp = national - now
            console.log(timestamp);

            // 计算天数
            var days = parseInt(timestamp / (1000 * 60 * 60 * 24))
            console.log(days); //266

            // 计算剩余小时数
            timestamp = timestamp % (1000 * 60 * 60 * 24)
            var hours = parseInt(timestamp / (1000 * 60 * 60))
            console.log(hours);

            // 计算剩余分钟
            timestamp = timestamp % (1000 * 60 * 60)
            var minutes = parseInt(timestamp / (1000 * 60))
            console.log(minutes);

            // 计算剩余秒数
            timestamp = timestamp % (1000 * 60)
            var seconds = Math.round(timestamp / 1000)
            console.log(seconds);

            pCountDown.innerText = `距离国庆节放假还有:${days}天零${hours}小时${minutes}分${seconds}秒`

        }

        setInterval(
            function () {
                calcTimeDifference()
            },
            1000
        )

    </script>

</body>

红嘴-蓝鹊

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS：创建Date对象、Date对象的API、计算时间差

1.创建Date对象方式 <script> // 创建Date对象 function demoCreateDate(){ // 1. 无参默认创建当前时间的Date对象 // var date = new Date(); // console.log(date); //Mon Feb 07 2022 15:38:40 GMT+0800 (GMT+08:00) .
复制链接

扫一扫