JavaScript定时器的两种类型,DOM与BOM的区别

蛋黄派i

已于 2023-04-08 17:12:42 修改

阅读量168

点赞数 1

分类专栏：周记文章标签： javascript 开发语言

于 2023-03-12 11:22:58 首次发布

本文链接：https://blog.csdn.net/2201_75702085/article/details/129472706

版权

周记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

文章介绍了JavaScript中的两种定时器，setInterval用于周期性调用函数，setTimeout则在指定时间后执行一次。同时，文章对比了DOM（文档对象模型）和BOM（浏览器对象模型），DOM用于处理网页内容，而BOM则提供了与浏览器交互的接口，如window对象、screen对象等。

摘要由CSDN通过智能技术生成

JavaScript定时器的两种类型:

一.setInterval()

按照指定的周期（以毫秒计）来调用函数。

方法会不停地调用函数，直到调用clearInterval()或窗口被关闭。

语法:

setInterval(code,millisec,[arg1, arg2, ...])

参数作用:

参数	必要性	描述
code	必需	需要执行的代码串
millisec	必须	时间间隔(以毫秒计)
arg1,arg2…	可选	定时器过期的时，被传递给func指定函数的附加参数

二.setTimeout()

在指定的毫秒数后调用函数。

语法:

setTimeout(code,millisec,[arg1, arg2, ...])；

代码演示:

//1.可以箭头函数直接写
setTimeout(()=>{
 this.isSkeleton=false;
  },2000)
 
//2.可以返回一个值然后调用clearTimeout()取消定时器；
let a = setTimeout(()=>{
  alert("弹出");
  },3000);
function b(){
  window.clearTimeout(a);   //3秒后出弹框，调用b函数可以直接取消弹出
}

返回值:

返回值intervalID是一个非零数值，用来标识通过setInterval()创建的计时器，这个值可以用来作为clearInterval()的参数来清除对应的计时器。setInterval()和setTimeout()共享同一个ID池，需要避免混用；

DOM与BOM的区别

javascript由ECMAScript，DOM和BOM三部分构成

一:DOM

DOM，文档对象模型（Document Object Model）。
DOM是 W3C（万维网联盟）的标准,DOM定义了访问HTML和XML文档的标准。
W3C DOM由以下三部分组成：

核心DOM - 针对任何结构化文档的标准模型
XML DOM - 针对 XML 文档的标准模型
HTML DOM - 针对 HTML 文档的标准模型

DOM是一个与系统平台和编程语言无关的接口,一种方法使 Web开发人员可以访问HTML元素,它是一种理念，不是具体方法。

作用:

在W3C的标准中，DOM是独于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式.

结构图:

二:BOM

BOM ,浏览器对象模型(Browser Object Model)
DOM 是为了操作文档出现的接口，那 BOM 顾名思义其实就是为了控制浏览器的行为而出现的接口。

作用:

BOM 是为了解决如跳转到另一个页面、前进、后退、获取屏幕的大小之类的参数等出现的接口。

BOM与DOM层次结构图:

Window对象包含属性：document、location、navigator、screen、history、frames
Document根节点包含子节点：forms、location、anchors、images、links
DOM的最根本的对象是BOM的window对象的子对象。
区别：DOM描述了处理网页内容的方法和接口，BOM描述了与浏览器进行交互的方法和接口

PS:学姐让我多了解了解这两个知识点,我就来啦(～￣▽￣)～