写一个自动放映的网页
<!DOCTYPE html>
<html>
<head>
<title>自动放映</title>
<style>
.slide {
display: none;
}
</style>
</head>
<body>
<div id="slideshow">
<img class="slide" src="slide1.jpg" alt="Slide 1">
<img class="slide" src="slide2.jpg" alt="Slide 2">
<img class="slide" src="slide3.jpg" alt="Slide 3">
</div>
<script>
const slides = document.getElementsByClassName("slide");
let currentSlide = 0;
function showSlide(slideIndex) {
slides[currentSlide].style.display = "none";
currentSlide = (slideIndex + slides.length) % slides.length;
slides[currentSlide].style.display = "block";
}
function autoPlay() {
showSlide(currentSlide + 1);
}
setInterval(autoPlay, 2000); // 2秒钟切换一次图片
</script>
</body>
</html
原文地址: https://www.cveoy.top/t/topic/hQie 著作权归作者所有。请勿转载和采集!