js的Date对象方法及定时器

<!-- <script>

        // 日期的创建

        var d1 = new Date()

        // 得到的结果是：Thu Mar 17 2022 16:58:47 GMT+0800 (中国标准时间)

        console.log(d1)

        // 得到的是：object。会隐式转换为字符串的东八区时间。北京时间

        console.log(typeof d1)

    </script> -->

    <!-- <script>

        // 日期的特定格式

        var d1 = new Date('2022-03-17 17:06:00')

        // 得到的结果是：Thu Mar 17 2022 17:06:00 GMT+0800 (中国标准时间)

        console.log(d1)

        var d2 = new Date('2022/03/17 17:07:00')

        // 得到的结果是：Thu Mar 17 2022 17:07:00 GMT+0800 (中国标准时间)

        console.log(d2)

    </script> -->

    <!-- <script>

        // 毫秒参数

        var num = 1111111111;

        var d1 = new Date(num)

        // 得到的结果是：Wed Jan 14 1970 04:38:31 GMT+0800 (中国标准时间)

        console.log(d1)

        // 时间是从：1970/1/1 8:00:00开始算的

        var d2 = new Date('1970/1/1 8:00:00')

        // Thu Jan 01 1970 08:00:00 GMT+0800 (中国标准时间)

        console.log(d2)

        // 得到的结果是：0，验证出来是从1970/1/1 8:00:00开始计算的  getTime(),获取

        // 到从某个时间到1970/1/1 8:00:00的毫秒数

        console.log(d2.getTime())

    </script> -->

    <script>

        // Date对象方法

        var d1 = new Date()

       

        // 获取年份  getFullYear()

        // 得到的结果是：2022

        console.log(d1.getFullYear())

       

        // 获取月份，注意月份是从0-11  getMonth()

        // 得到的结果是：2

        console.log(d1.getMonth())

       

        // 获取号数：getDate()

        // 得到的结果是：17

        console.log(d1.getDate())

       

        // 获得小时  getHours()

        // 得到的结果是：17

        console.log(d1.getHours())

       

        // 获取分钟  getMinutes()

        // 得到的结果是：23

        console.log(d1.getMinutes())

        // 获取秒  getSeconds

        // 得到的结果是：1

        console.log(d1.getSeconds())

       

        // 获取毫秒  getMilliseconds()

        // 得到的结果是：155

        console.log(d1.getMilliseconds())

       

        // 获取星天几   getDay() 注意：星期日是0

        // 得到的结果是：4

        console.log(d1.getDay())

        // 获取时间戳

        // 得到的结果是：1647509370682。距离1970、1、1 8：00：00年的毫秒数

        console.log(d1.getTime())

    </script>

    <div id="box"></div>

    <script>

        // 定时器

        // 每隔一秒获取一次时间

        // 每隔1000毫秒执行一次函数

        var d1 = new Date("2023-03-17 17:36:00")

        // 在这里先调用一次，防止打开页面第一秒没有时间

        time()

        function time(){

            var now = new Date()

            // 获得相差时间戳

            var time = d1.getTime() - now.getTime()

            // 获得相差天

            day = parseInt(time/1000/60/60/24)

            // 获得相差小时

            hours = parseInt(time/1000/60/60)%24

            // 获得相差分钟

            minutes = parseInt(time/1000/60)%60

            // 获得秒

            seconds = parseInt(time/1000)%60

            // 获得毫秒

            milliseconds = parseInt(time)%1000

            // 写入div中

            box.innerHTML = (`距离${d1}还有${day}天${hours}小时${minutes}分钟${seconds}秒${milliseconds}毫秒`)      

           // 清楚定时

        clearInterval(time)

        }

        // 定时100毫秒刷新一次

        setInterval(time,100)