interval参数决定轮播速度，但不同框架写法差异大：swiper需完整配置autoplay对象，bootstrap以data-bs-interval属性优先，原生js须防定时器堆积和索引越界，且容器高度须固定防布局抖动。
interval 参数决定轮播快慢，改它就对了。但不同实现方式写法和生效逻辑差异很大，直接硬套会失效。
Swiper 的 autoplay.delay 必须显式启用
Swiper v8+ 把 autoplay 拆成独立模块，光设 delay 不管用：
- 漏掉
autoplay: { delay: 2500 }整个对象，delay就是摆设，默认 3000ms 且无法覆盖 -
delay值必须是数字，写成字符串"2500"会静默失败 - 动态改速要先
swiper.autoplay.stop()，再改swiper.params.autoplay.delay，最后swiper.autoplay.start() - 如果同时开了
disableOnInteraction: false和pauseOnMouseEnter: true，鼠标移出后会从剩余时间继续，不是重头计时
Bootstrap 5 的 data-bs-interval 优先级高于 JS 选项
很多人在 JS 初始化里写了 interval: 4000，结果没生效——因为 DOM 属性赢了：
-
data-bs-interval="3000"写在 HTML 标签上，会覆盖 JS 传入的interval值 - 初始化后想改速，不能只改 JS 对象，得同步操作 DOM：
el.setAttribute('data-bs-interval', '2000')，再调用bsCarousel.to(1)触发重读 - 设为
0或false可禁用自动播放，但要注意：移动端 hover 不触发，得用touchstart配合pauseOnFocus
原生 JS 轮播别用 setTimeout 递归，清定时器是关键
手写轮播最容易翻车的地方不是算位移，而是定时器失控：
- 每次
nextSlide()前必须clearInterval(timerId)，否则用户点快了会堆多个定时器，图片突然乱跳 - 索引更新必须取模：
currentIndex = (currentIndex + 1) % images.length，否则最后一张后currentIndex变成images.length，数组越界导致静默失败 - 设
interval小于 1500ms 要谨慎：移动端手指悬停识别延迟高，容易误触发暂停/恢复，反而更卡 - CSS 过渡时间（如
transition: transform 0.3s）必须和 JS 定时器间隔错开，否则动画未结束就触发下一次位移，视觉上“抽搐”
最隐蔽的问题是：轮播容器高度没固定，图片加载慢时布局抖动（CLS），导致 getBoundingClientRect().width 每次算出来不一样，translateX 偏移错位。动手前先给容器设死 height，首图同步加载，这事比调速重要得多。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
