layui 轮播 interval 最小合法值为 800ms，低于该值会被强制设为 3000ms；禁用自动播放需设 autoplay: false；修改已渲染轮播间隔须调用 reload() 方法并显式补全关键参数。
interval 参数必须大于等于 800 毫秒
直接在 carousel.render() 中传 interval 即可，但注意 Layui 内部做了硬性限制：低于 800ms 会被自动重置为 3000ms。这不是浏览器限制，是源码里写的死逻辑。
-
interval: 1000✅ 有效，实际每秒切一次 -
interval: 500❌ 无效，会被悄悄改成 3000 -
interval: 0或false不起作用，禁用自动播放得用autoplay: false
data-bs-interval 是 Bootstrap 的，和 Layui 无关
别混淆框架。Layui 没有 data-bs-interval 这种属性，那是 Bootstrap Carousel 的 HTML 属性。你在 Layui 的 <div class="layui-carousel"> 上写 <code>data-bs-interval 完全没效果，JS 初始化时也不会读它。
真正起作用的只有 JS 配置项：interval（数值）、autoplay（布尔值），二者配合使用：
-
autoplay: true, interval: 2500→ 正常轮播 -
autoplay: false→ 手动切换，忽略interval -
autoplay: true, interval: 800→ 最小合法值，慎用（低端设备可能卡顿）
修改已渲染轮播的间隔要用 reload()
不能直接改实例对象上的属性，比如 ins.interval = 2000 是无效的。必须调用实例的 reload() 方法：
var ins = carousel.render({ elem: '#banner', interval: 3000 });
// 后续想改成 2s
ins.reload({ interval: 2000 });
注意：reload() 不会重置当前索引，但会重新计算容器尺寸、重绘指示器位置——如果只改 interval，其他参数不传就会回退到默认值，所以建议显式补全关键项：
- 只改间隔：用
ins.reload({ interval: 2000, arrow: 'always', anim: 'fade' }) - 避免漏掉
anim导致动画变回default
首张图停留时间 ≠ interval 值
很多人发现第一张图停得比设定久，不是配置错了，而是因为 Layui 轮播的倒计时起点是「第一张完全渲染并就位后」，不是 JS 执行完 render() 就立刻启动。如果轮播容器里图片没加载完、或 DOM 插入有延迟，首张就会多等一会儿。
解决思路不是压低 interval，而是确保结构干净、资源就绪：
- 轮播项内容尽量轻量，大图加
loading="lazy" - 不要把
carousel.render()放在$(document).ready()之后又套一层setTimeout - 若需“首切零等待”，先调
ins.next()，再让自动轮播接管后续节奏
真正容易被忽略的是：轮播高度塌陷会导致 JS 计算失败，进而让定时器行为异常——检查父容器是否有明确 height 或 min-height，否则 interval 再准也没用。
