目录

一、Data对象

二、时间戳

三、封装倒计时函数

一、Data对象

Data对象是js的内置对象，它本质上是一个构造函数，表示时间这一大类，包括年月日时分秒等。起始时间：1970年1月1日。

调用方法：var date = new Date();

//无参数时，返回系统时间；参数格式：‘2022-6-1 20:00:00’

Date对象包括的方法：

二、时间戳

作用：获取Date对象距离1970年1月1日的总毫秒数。

获取方法：

方法1、
var date = new Date();
        date.valueOf();
方法2、
var date = new Date();
        date.getTime();
方法3、      
var otherTime = +new Date();
方法4、       
Date.now();

结果：

三、封装倒计时函数

原理：输入时间的毫秒数 - 当下时间的毫秒数 = 剩余时间的毫秒数  1s = 1000ms 

           将剩余时间的毫秒数转为 时+分+秒 的格式

function countDown(time) {
            var nowTime = +new Date();
            var inputTime = +new Date(time);
            // 得到秒数
            var remain = (inputTime - nowTime) / 1000;

            var day = parseInt(remain / 60 / 60 / 24);
            var h = parseInt(remain / 60 / 60 % 24);
            h = h < 10 ? '0' + h : h;
            var m = parseInt(remain / 60 % 60);
            m = m < 10 ? '0' + m : m;
            var s = parseInt(remain % 60);
            s = s < 10 ? '0' + s : s;
            return day + '天 ' + h + ':' + m + ':' + s;
        }
console.log(countDown('2022-6-1 21:00:00'));

结果： 

注意：函数封装的参数应给Date对象，才能获得完整的时间戳。 

代码如下：

<script>

        function countDown(time) {

            var nTime = +new Date(time) - +new Date(); // 用户输入的时间 - 当前的时间；

            var times = nTime / 1000; //相隔时间化为秒

            var t = parseInt((times / 60 / 60 / 24)); //天

            t = t < 10 ? '0' + t : t;

            var h = parseInt((times / 60 / 60 % 24)); // 时

            h = h < 10 ? '0' + h : h;

            var m = parseInt((times / 60 % 60)); // 分

            m = m < 10 ? '0' + m : m;

            var s = parseInt((times % 60)); // 秒

            s = s < 10 ? '0' + s : s;

            return t + '天' + h + '时' + m + '分' + s + '秒';

        }

        console.log(countDown('2022-4-3 15:37:12'));

        var date = new Date();

        console.log(date);

    </script>