实例化时间对象、时间戳、节点操作以及M端事件

一、实例化时间对象

1、得到当前的系统时间

const date = new Date()  

对象有属性和方法组成，时间对象提供了一系列的方法

2、指定时间

const date = new Date('2012-12-21-12:00')

可以达到 指定的时间

3、日期对象的方法（常用）

getFullYear()        获得年份     取值四位年份
getMonth()        获得月份     取值0 ~ 11   0表示1月
getDate()        获得月份中的每一天     不同月份取值也不同
getDay()        获得星期     取值0 ~ 6  0表示星期天，6是星期六
getHours()        获得小时     取值0 ~ 23
getMinutes()        获得分钟     取值0 ~ 59
getSeconds()        获得秒     取值0 ~ 59

4、时间的另一个写法

const date = new Date()	得到时间对象
console.dir(date.toLocaleString())     // 2022/6/2  12:07:11
console.dir(date.toLocaleTimeString()) //	12:07:11
console.dir(date.toLocaleDateString()) //  2022/6/2

二、时间戳

是指 1970年01月01日00时00分00秒起 至 现在的 毫秒数

倒计时算法：

        将来的时间戳 - 现在的时间戳 = 剩余时间毫秒数
        剩余时间毫秒数  转换为 剩余时间的 年月日 时分秒 就是 倒计时时间

得到时间戳

    1、getTime()         必须实例化  new Date()
const date = new Date() 
console.log(date.getTime())
    2、 + new Date()     使用较多
console.log(+new Date())
    3、Date.now()   不建议使用      这个只能得到当前时间戳

三、节点操作

1、DOM节点
元素节点  就是所有的标签    
属性节点 就是标签的属性
文本节点 就是标签里面的文字

2、查找节点

父节点查询

  写法：元素.paretNode 

返回最近一级的父节点，如果找不到就返回null    返回的都是 DOM对象

子节点查询

写法：父元素.children

childNodes   获得所有子节点，包括 空格 换行 文本节点 注释节点等
    children    仅获得所有元素节点，返还的是一个伪数组

兄弟节点查询

  下一个兄弟节点
    nextElementSibling  属性

写法：元素.nextElementSibling
    上一个兄弟节点
    previousElementSibling  属性
写法：元素.previousElementSibling

3、增加节点

增加操作   首先要创建节点  然后再添加节点

创建

示例   const li = document.createElement('li')

插入节点

    父元素.appendChild(要插入的元素)

插入到某个元素的前面

    父元素.insertBofore(要插入的元素，在那个元素的前面)

克隆节点

元素.cloneNode(布尔值)   默认为false
若为 true  则代表元素本身   并且可以克隆后代
若为false 则代表元素本身  不会克隆后代

4、删除节点

必须要通过父元素删除
语法：
       父元素.removeChild(要删除的元素)

四、M端事件

就是手机端的操作
touchstart   点击屏幕触发
touchmove  点击屏幕时，滑动时触发
touchend   点击屏幕后，离开屏幕的时候会触发