Javascript根据计时器更改图像

Question

我有以下HTML代码段：

<div>
    <div onload="startTimer()">
        <img id="img-showcase" src="/assets/img1.jpg">
    </div>
</div>

和Javascript片段：

<script type="text/javascript">

    function displayNextImage() {
        x = (x === images.length - 1) ? 0 : x + 1;
        document.getElementById("img-showcase").src = images[x];
    }

    function startTimer() {
        setInterval(displayNextImage, 3000);
    }

    var images = [], x = 0;
    images[0] = "/assets/img1.jpg";
    images[1] = "/assets/img2.jpg";
    images[2] = "/assets/img3.jpg";
</script>

我希望根据setInterval计时器进行img更改...我缺少什么？

Answer 1

您无法向div添加“onload”事件。尝试将其移至身体，它应该可以工作。