js轮播图简单代码如何写

以下是一个简单的JavaScript轮播图代码示例：
HTML代码：
```html

```
CSS代码：
```css
.slideshow {
width: 500px;
height: 300px;
overflow: hidden;
}
.slideshow img {
width: 100%;
height: auto;
display: none;
}
.slideshow img.active {
display: block;
}
```
JavaScript代码：
```javascript
let currentSlide = 0;
const slides = document.querySelectorAll('.slideshow img');
function showSlide(n) {
slides[currentSlide].classList.remove('active');
currentSlide = (n + slides.length) % slides.length;
slides[currentSlide].classList.add('active');
}
function nextSlide() {
showSlide(currentSlide + 1);
}
function previousSlide() {
showSlide(currentSlide - 1);
}
document.querySelector('.slideshow').addEventListener('click', nextSlide);
// 自动播放
setInterval(nextSlide, 3000);
```
上述代码实现了一个简单的轮播图，点击轮播图容器可以切换到下一张图片。还添加了一个定时器，每隔3秒自动切换到下一张图片。你可以自行修改CSS样式和图片路径来适应你的需求。