故宫轮播图（BOM实现）.docxVIP

故宫轮播图（BOM实现）

一、核心BOM知识点

BOM（浏览器对象模型），window是顶级对象，轮播自动切换依靠BOM定时器：

setInterval(函数,毫秒)：循环定时器，每隔固定时间执行一次，返回定时器id

clearInterval(timerId)：关闭循环定时器

交互逻辑：鼠标移入暂停轮播，鼠标离开继续播放，是BOM定时器最经典作业案例

二、完整可直接运行代码

html

!DOCTYPEhtml

htmllang=zh-CN

head

metacharset=UTF-8

title故宫轮播图｜BOM定时器/title

style

.box{

width:600px;

height:380px;

margin:50pxauto;

overflow:hidden;

border:4pxsolid#c81623;

}

img{

width:100%;

height:100%;

object-fit:cover;

}

/style

/head