要求:使用JavaScript实现
HTML代码:
JavaScript代码:
let slides = document.querySelectorAll('#slider .slide');
JavaScript代码:
function randomSlides(slides) { let selectedSlides = []; while (selectedSlides.length < 3) { let randomIndex = Math.floor(Math.random() * slides.length); if (!selectedSlides.includes(randomIndex)) { selectedSlides.push(randomIndex); slides[randomIndex].style.display = 'block'; } } for (let i = 0; i < slides.length; i++) { if (!selectedSlides.includes(i)) { slides[i].style.display = 'none'; } } }
JavaScript代码:
randomSlides(slides);
这样,就可以随机选择三个幻灯片并将它们显示出来,同时隐藏未被选择的幻灯片。