时间对象和时间戳

1.时间对象

getMouth（）得到日期时要加1

getDay（）里的0代表星期天

 显示格式化时间的一种简洁方法，加上定时器可以自动变化时间

div.innerHTML = date.toLocaleString()
setInterval(function () {
      const date = new Date()
      div.innerHTML = date.toLocaleString()
    }, 1000)

2.时间戳

就是毫秒数，用来计算时间的一种方式

第二种方法简单且常用 

第二种方法的实例 

//得到指定时间的时间戳
    console.log(+new Date('2024-4-1 18:30:00'))
    //根据数组返回指定的值
    const arr = ['7', '1', '2', '3', '4', '5', '6']
    console.log(arr[new Date().getDay()])

实例-倒计时

<script>
    // 获取年份对象
    const next = document.querySelector('.next')

    function getMYdate() {
      const date = new Date()
      return `现在是${date.getFullYear()}年${date.getMonth()+1}月${date.getDate()}号`
    }
    next.innerHTML = getMYdate()
    //函数封装
    function getCountTime() {
      //得到当前的时间戳
      const now = +new Date()
      //2.得到将来的时间戳
      const last = +new Date('2024-11-14 21:30:00')
      // console.log(now, last)
      // 3.得到剩余的时间戳 count 要转换为秒 1s=1000ms
      const count = (last - now) / 1000
      console.log(count)
      //计算小时
      let h = parseInt(count / 60 / 60 % 24)
      h = h < 10 ? '0' + h : h
      //计算分钟
      let m = parseInt(count / 60 % 60)
      m = m < 10 ? '0' + m : m
      //计算秒数
      let s = parseInt(count % 60)
      s = s < 10 ? '0' + s : s
      console.log(h, m, s)
      //5.把时分秒写到对应的盒子里面
      // const hour = document.querySelector('#hour')
      // const minuted = document.querySelector('#minuted')
      // const second = document.querySelector('#second')
      // hour.innerHTML = h
      // minuted.innerHTML = m
      // second.innerHTML = s

      // 简洁写法
      document.querySelector('#hour').innerHTML = h
      document.querySelector('#minuted').innerHTML = m
      document.querySelector('#second').innerHTML = s
    }
    //先调用一次，让页面一开始就运行，没有时间间隔
    getCountTime()
    //开启定时器 调用函数不加(),里面是回调函数1秒后才开启
    setInterval(getCountTime, 1000)
  </script>