Web APIs 4：日期对象、时间戳、节点操作、swiper插件

本文链接：https://blog.csdn.net/weixin_72043867/article/details/142588227

Web APIs 4（日期对象、节点操作、swiper插件）

1.实例化日期对象

获得当前时间：const date = new Date()
获得指定时间：const data = new Date(‘2024-1-1 08:30:30’)

2.日期对象方法

方法	作用	说明
getFullTear()	获得年份	获取四位年份
getMonth()	获得月份	取值为0~11
getDate()	获取月份中的每一天	不同月份取值不同
getDay()	获取星期	取值为0~6
getHours()	获取小时	取值为0~23
getMinutes()	获取分钟	取值为0~59
getSeconds()	获取秒	取值为0~59

单个获取日期实现自定义格式：

<body>
  <div></div>
  <script>
    function getMyDate() {
     
     
      const date = new Date()
      console.log(date);
      let h = date.getHours()
      h = h < 10 ? '0' + h : h
      let m = date.getMinutes()
      m = m < 10 ? '0' + m : m
      let s = date.getSeconds()
      s = s < 10 ? '0' + s : s
      return `今天是：${ 
       date.getFullYear()}年${ 
       date.getMonth() + 1}月${ 
       date.getDate()}日${ 
       h}:${ 
       m}:${ 
       s} 星期${ 
       date.getDay()}`
    }
    const div = document.querySelector('div')
    div.innerHTML = getMyDate()  //使第一秒不是空白
    setInterval(function () {
     
     
      div.innerHTML = getMyDate()
    }, 1000)
  </script>
</body>

使用toLocaleString()方法格式显示：

 <script>
    const div = document.querySelector('div')
    const date = new Date()
    div.innerHTML = date.toLocaleDateString() //2024/925
    div.innerHTML = date.toLocaleString() //2024/9/25 15:47:25
  </script>

3.时间戳

概念：是指1970年01月01日00时00分00秒起至现在的毫秒数，它是一种特殊的计量时间的方式
使用场景：倒计时效果
将来的时间戳-现在的时间戳=剩余时间的毫秒数（转换为时间的年月日时分秒就是倒计时时间）
获取时间戳方法：
- getTime()方法：需要先实例化
- +new Date()方法：常用
- Date.now()方法：只能得到当前的时间戳

 <script>
    //第一种方法
    const date = new Date('2024-1-1 08:30:30')
    console.log(date.getTime())
    //第二种方法
    console.log(+new Date('2024-1-1 08:30:30'))
    //第三种方法
    console