data-bs-interval 属性需写在 <div class="carousel slide"> 标签上，值为毫秒数（如 "3000"），设为 0 或 false 可禁用自动播放；若同时存在 JS 初始化参数，data 属性会覆盖它。
data-bs-interval 属性怎么写才生效
bootstrap 5 的轮播图自动播放间隔，优先读取 data-bs-interval 这个 html 属性，不是 data-interval（那是 v3/v4 的写法，v5 已废弃）。如果同时写了 js 初始化参数和 data 属性，data 属性会覆盖 js 参数。
- 必须写在
<div class="carousel slide">标签上，写在子元素里无效 - 值是纯数字，单位毫秒，比如
data-bs-interval="3000"表示 3 秒切一张 - 设为
0或false会禁用自动播放；设为"false"（字符串）反而会被转成0，也禁用——注意类型陷阱 - 如果用了
data-bs-ride="carousel"自动初始化，data-bs-interval会立刻起作用；如果手动 new Carousel()，它仍会被读取并合并进配置
JS 初始化时设置 interval 参数的注意事项
用 JS 实例化轮播时，interval 是构造函数的配置项之一，但它不会“覆盖”已存在的 data-bs-interval，而是被后者覆盖。所以真想用 JS 控制，得显式传参或清空 data 属性。
- 推荐写法：
const carousel = new bootstrap.Carousel(element, { interval: 2500, wrap: true }); - 如果 HTML 里已有
data-bs-interval="5000"，上面 JS 的2500不会生效——得先移除属性或设为null -
interval设为null或undefined时，会 fallback 到 data 属性；设为0才真正禁用 - 注意：Bootstrap 5.3+ 对
interval: 0的处理更严格，不再触发任何自动切换，包括 resume 后的行为
为什么改了 interval 却没变快/变慢
常见现象是改了 data-bs-interval 或 JS 参数，但轮播还是按默认 5 秒走。问题通常不在参数本身，而在初始化时机或冲突配置。
- 页面 DOM 尚未加载完成就执行
new bootstrap.Carousel()，实例化失败，回退到 data-bs-ride 的默认行为（5000ms） - 同时存在
data-bs-ride="carousel"和手动 JS 初始化，造成两个实例竞争，后者可能被忽略 - 启用了
pause: "hover"（默认开启），鼠标悬停时暂停，移开后从「原定时间点」继续倒计时，造成“变慢”错觉 - 浏览器开发者工具里修改了 HTML 的
data-bs-interval，但不会重初始化轮播——必须刷新页面或调用carouselInstance.dispose()再重建
interval 设置的边界与兼容性提醒
interval 虽然可设任意正整数，但实际有效范围受浏览器最小定时器精度和用户体验限制。
- 小于 300ms 容易触发防抖或被节流，尤其在低性能设备上，切换可能跳帧或卡顿
- 大于 24000ms（24 秒）在部分平台（如华为云托管环境）会被截断为 24 秒，属平台层限制，非 Bootstrap 本身问题
- 移动端 Safari 对长时间
setTimeout有后台节流策略，若用户切到其他 Tab，轮播可能延迟恢复甚至跳过若干张 - 无障碍（a11y）场景下，WCAG 建议自动播放间隔 ≥ 5 秒，且必须提供暂停控件——别为了“快”牺牲可访问性
最常被忽略的是：interval 只控制「切换间隔」，不控制「动画时长」。如果你调了 data-bs-interval="1000" 却发现每张停留远不止 1 秒，大概率是 CSS 里的 transition-duration 太长，或者轮播项内容加载阻塞了 JS 执行。这时候该查的不是 interval，而是渲染性能。
