data-interval属性必须写在carousel容器元素上才能生效，单位为毫秒，设为"false"可禁用自动轮播，且会覆盖JS初始化中的interval配置；同时需确保存在data-ride="carousel"以触发自动初始化。
data-interval 属性直接生效，但必须写在正确位置
Bootstrap 轮播图的时间间隔，最简单、最推荐的方式就是用 data-interval 属性——它不是 JS 配置项，而是 HTML 元素上的声明式控制，优先级高且无需额外初始化。
- 必须加在
carousel容器元素上（即 class="carousel slide" 的那个<div>），而不是内部的carousel-inner或图片项 - 值单位是毫秒，比如
data-interval="3000"表示 3 秒切一张 - 设为
data-interval="false"可禁用自动轮播（注意是字符串"false"，不是布尔值false；Bootstrap 5 会自动转义） - 如果同时用了 JS 初始化（如
new bootstrap.Carousel(...)），data-interval仍会覆盖 JS 中的interval配置——这是设计行为，不是 bug
JS 初始化时改 interval 失效？检查是否被 data-interval 覆盖
很多人写完 new bootstrap.Carousel(el, { interval: 1500 }) 却没生效，根本原因常是 HTML 里还留着 data-interval="5000" ——Bootstrap 5 的逻辑是：只要 HTML 上有 data-interval，就忽略 JS 构造函数里的同名参数。
- 要么删掉 HTML 中的
data-interval，只靠 JS 控制 - 要么保留 HTML 属性，把 JS 初始化代码删掉（更轻量，也更符合 Bootstrap 哲学）
- 验证方法：打开浏览器开发者工具，选中轮播容器，看 computed 属性或 DOM 属性里有没有残留的
data-interval
轮播不自动开始？可能缺了 data-ride 或触发时机不对
data-ride="carousel" 是 Bootstrap 自动初始化的开关。没有它，即使写了 data-interval，轮播也不会启动——这和“时间没改”是两回事，但现象一样（卡在第一张不动）。
-
data-ride必须出现在轮播容器上，且只能出现一次 - 如果页面是动态插入的轮播（比如 AJAX 加载后 append），
data-ride不会自动生效，得手动调用bootstrap.Carousel初始化 - 确保 Bootstrap JS 已加载完成再操作 DOM；若用模块化引入（如 ES import），注意
bootstrap全局对象可能未挂载
Bootstrap 3/4/5 的差异点：别套错文档
老项目升级或抄错版本文档，容易踩坑。核心区别就一条：Bootstrap 5 彻底移除了 jQuery 依赖，所有 JS API 都走原生 bootstrap 命名空间，而 data-interval 的行为在各版本中反而最稳定。
- Bootstrap 3/4 中，
data-interval="0"表示暂停轮播；5 中必须用"false" - Bootstrap 3 中可通过修改
$.fn.carousel.Constructor.DEFAULTS.interval全局改默认值（不推荐）；5 中已无此入口 - 如果你看到别人用
$().carousel({ interval: ... })，那基本是 Bootstrap 3/4 写法，直接复制到 5 里会报错$ is not defined
data-interval，再确认它是不是写在对的标签上，最后检查 data-ride 是否存在——三者齐备，轮播就会按你设的节奏走。其他 JS 配置，多数时候只是画蛇添足。 
