Question

我需要制作一组图片，每隔10秒，不同的图片将出现在与之前的另一张相同的位置。我真的不知道如何开始。我需要它只与HTML和JavaScript。谢谢。

Answer 1

我为你制作了一个以随机方式在两个图像之间切换的页面。您可以通过将图像网址添加到图像数组

来轻松扩展它

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            var p = {
                onload: function() {
                    setInterval(p.switchImage, 10000);
                },
                switchImage: function() {
                    document.getElementById("image").src = p.images[Math.floor(Math.random() * p.images.length)];
                },
                images: ["http://www.schoolplaten.com/afbeelding-hond-tt20990.jpg", "http://www.schoolplaten.com/afbeelding-hond-tt19753.jpg"]
            };
        </script>
    </head>
    <body onload="p.onload()">
        <img src="http://www.schoolplaten.com/afbeelding-hond-tt20990.jpg" id="image"/>
    </body>
</html>

随机切换图片

1 个答案: