JS打造自动轮播图
let currentIndex = 0;
const slides = document.querySelectorAll('.slide');
const intervalTime = 3000;
function showSlide(index) {
slides.forEach((slide, i) => {
slide.style.display = i === index ? 'block' : 'none';
});
}
function nextSlide() {
currentIndex = (currentIndex + 1) % slides.length;
showSlide(currentIndex);
}
setInterval(nextSlide, intervalTime);
showSlide(currentIndex);
1.81KB
文件大小:
评论区