今天说一下js的date和定时器

<!-- <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)