javascript - 动态改变div中的图像

Question

我有五张图像，想将它们一张一张地显示在同一个 div 中，间隔为 2 秒。任何人都可以为此提出任何解决方案吗？

Answer 1

简单的 JavaScript 示例:

var currentImage = 0;
var images = [
    'a.jpg',
    'b.jpg'
];
var imageElement = document.getElementById('yourImageTagId');

function nextImage(){
    currentImage = (currentImage + 1) % images.length;
    imageElement.src = images[currentImage];
}

var timeoutId = setTimeout(nextImage, 1000);

它希望你有一些像这样的 html:

<img src="a.jpg" id="yourImageTagId" />