data-bs-interval必须写在class="carousel slide"容器上才生效，写在子元素无效；设为0或"false"可禁用自动播放，动态修改需销毁重建实例。
data-bs-interval 必须写在 carousel slide 容器上才生效
改了属性但轮播还是 5 秒切一张？大概率是写错位置了。data-bs-interval 只认最外层那个 <div class="carousel slide">，写在 <code>carousel-inner、carousel-item 或按钮上完全无效。
常见错误包括：
- 把
data-bs-interval="2000"加到<img>标签里 - 在 JS 初始化前没检查 HTML 是否已加载完成，导致初始化失败，退回到默认 5000ms
- 同时用了
data-bs-ride="carousel"和手动new bootstrap.Carousel()，造成两个实例冲突
设为 0、false 或 "false" 的行为差异
data-bs-interval="0" 和 data-bs-interval="false" 都会禁用自动播放，但原理不同：
-
0是数值型，Bootstrap 5.3+ 会彻底停掉定时器，连resume()都不会恢复自动切换 -
false（布尔值）在 HTML 属性里无法直接写，实际只能写字符串"false"；Bootstrap 会把它转成0，效果一样 -
"0"（字符串零）也会被转成数值0，同样禁用；但"false"更符合语义，也更常见 - 千万别写
interval: null在 JS 配置里——它会 fallback 到 data 属性值，不是“清空”
JS 初始化时 interval 参数为什么经常不生效
手动调用 new bootstrap.Carousel() 时，传进去的 { interval: 2500 } 很可能被忽略，因为：
-
data-bs-interval属性优先级高于 JS 配置项，只要 HTML 里存在该属性，JS 的interval就会被覆盖 - 想让 JS 控制生效，得先移除属性：
element.removeAttribute('data-bs-interval')，再初始化 - 或者显式设为
null或0，但注意：设null会 fallback，设0才真正禁用 - 如果页面已有
data-bs-ride="carousel"，它会在 DOMContentLoaded 时自动初始化一次，你的 JS 可能晚了一步
动态修改间隔必须销毁重建
运行中改 data-bs-interval 属性或调用 carousel._config.interval = 1500 都不会生效——Bootstrap 5 的 interval 只在初始化时读取一次。
正确做法只有两种：
- 调用
carousel.dispose()销毁当前实例，再用新配置重新new bootstrap.Carousel() - 用
carousel.pause()暂停后，靠setTimeout+carousel.next()手动模拟轮播（适合简单场景）
低于 300ms 的值不建议设，浏览器定时器精度限制会导致跳帧或卡顿，尤其在低端设备上。用户来不及看内容就切走，体验反而变差。
