轮播图不动，八成是定时器未启动或DOM选择失败；应先验证setInterval是否执行、querySelectorAll是否获取到元素，再排查JS执行时机、选择器匹配、定时器清理及CSS过渡配置。

轮播图不动，八成是定时器没跑起来，或者结构不满足 JS 选择器匹配条件——先别改动画逻辑，盯住 setInterval 是否执行、document.querySelectorAll('.slide') 是否真拿到元素。

检查定时器是否真正启动

很多“不动”其实是定时器压根没注册成功，而不是逻辑卡住。常见原因是 JS 执行时机早于 DOM 加载完成，或选择器写错导致 nextSlide() 根本没被调用。

使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审

使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。

下载

• 在 setInterval 调用前加 console.log('timer starting...')，再在 nextSlide() 开头加 console.log('nextSlide called, index=', currentIndex)，确认函数是否被触发
• 确保 JS 脚本放在

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！