【JavaScript】Javascript—APIs—Day04

📅 2026/7/19 10:09:47 👁️ 阅读次数 📝 编程学习
【JavaScript】Javascript—APIs—Day04

Javascript——Day09

  • 01.日期对象的使用
  • 02.时间戳的使用
  • 03.倒计时案例的制作
  • 04.查找DOM节点
  • 05.增加节点
  • 06.克隆节点和删除节点
  • 07.M端事件
  • 08.swiper插件的使用

01.日期对象的使用

学习目录:

日期对象

实例化

如:

还可以获得指定时间:

日期对象方法:

如:

案例:



但是这个时间不动,所以,要使用定时器。

计时器:注意刷新时空白,所以外面先写一个显示(回调函数,隔了一秒才调用,所以刚开始是空的)

另一种方法:要获得最新时间才能够显示。

02.时间戳的使用

时间戳的使用:

时间戳就像邮戳,在此盖章,以后不会有这个时间了

法一:(需要实例化)

法二:(转为数字型,但也要实例化)


法三:(不需要实例化)

总结:

思考:

想要日期不是返回数字的写法:

03.倒计时案例的制作

毕业倒计时效果:

实操:

04.查找DOM节点

学习目录

元素节点的增删改查—>对标签的增删改查

认识DOM节点:

总结:

查找节点是通过关系来查找的。
以前是一个一个querySelector来获取元素节点,
而现在是通过关系来获取。

所以,接下来我们的重点讲解内容:(可以让Select变得更少)


这样一来,先前写的关闭广告就可以简化写法了。

更易于处理多个关闭广告事件(遍历关闭即可):

拓展知识点:

查找节点:



05.增加节点

新增节点这一节要重点记住。

(1)创建节点

(2)追加节点

先创建节点才能再追加节点

例一:

例二:

但是我们写微博留言的时候,通常是后评论的先出现,
所以,我们使用第二种方法。


06.克隆节点和删除节点

克隆节点

(深克隆)


也可以一步到位:

但如果是false的话,会怎么样呢?(如下图)(浅克隆)

删除节点

实操:

07.M端事件

M端→移动端

实操:

08.swiper插件的使用

swiper插件: