轮播图播放速度需结合实现方案精准配置：swiper需显式启用autoplay并引入模块，bootstrap需注意data-bs-interval优先级，原生js须同步定时器与css transition，移动端禁用hover依赖。
轮播图播放速度不是调个数字就完事，关键看你是用什么方案实现的——interval在不同环境里含义不同，硬套会失效。
Swiper 的 autoplay.delay 必须显式启用
Swiper v8+ 把 autoplay 拆成独立模块，光写 delay 不起作用。漏掉 autoplay: true 或没引入 Autoplay 模块，delay 就是摆设。
-
delay必须是数字类型，"2500"这种字符串会静默失败 - 动态改速要先
swiper.autoplay.stop()，再重设delay，最后swiper.autoplay.start() - 如果启用了
disableOnInteraction: false，用户手动切换后自动轮播会继续，否则默认暂停
Bootstrap 5 的 data-bs-interval 优先级高于 JS 参数
很多人在 JS 初始化时传了 interval: 4000，但 DOM 上还留着 data-bs-interval="3000"，结果生效的是 3000ms——属性值会覆盖 JS 选项。
- 初始化后想改速，得用
carouselInstance._config.interval = 4000再调carouselInstance.cycle()，直接改 DOM 属性无效 -
data-bs-interval="0"或false才禁用自动播放，"false"字符串会被转成0，但仍是禁用 - 移动端 hover 不存在，
pauseOnHover在手机上不生效，别依赖它做交互控制
原生 JS 轮播中 setInterval 间隔和 CSS transition 时间必须对齐
比如 transition: transform 0.4s ease，但 setInterval 设了 3000ms，看起来正常；一旦用户快速点两次下一张，动画还没结束就触发新位移，transform 值被覆盖，视觉上就是“抽搐”或“跳帧”。
- 定时器触发前务必
clearInterval(timer)，尤其在手动切换后，否则旧定时器还在跑 - 推荐把自动切换逻辑封装进一个函数，每次调用都先清、再设，避免叠加
- 移动端 touch 滑动松手后，如果剩余偏移量
Math.abs(offset) ，就该回弹而不是切图，否则容易误触发
最易被忽略的一点：所有轮播方案里，首图加载必须同步完成，loading="lazy" 不能加在第一张图上，否则自动播放开始时图片还是空白，用户看到的就是黑屏或错位。非首图才适合懒加载，且要配 decoding="async" 防主线程卡顿。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
