为什么我的图片幻灯片放映不起作用？

Question

我正在制作图片幻灯片，但由于某种原因无法正常工作。下面我有 HTML:

<div id = "images">
    <img id = "imageSrc" />
</div>

这是我的JavaScript，这是我用来更改图像的：

var images = document.getElementById("imageSrc");
var x = 0;
var imagesArray = ["image.png", "anotherImage.png", "yetAnotherImage.png"];

function changeImages() {
    images.src = imagesArray[x];
    if (x < 2) {
        x++;
    } else {
        x = 0;
    }
    alert(images.src);
}

setInterval(changeImages(), 3000);

Demo

为什么我的图像代码没有每 3 秒收到一次警报？图像没有切换所以我的错误在哪里？

在此先感谢您的帮助！

Answer 1

调用函数作为参数时，不要使用括号。

setInterval(changeImages, 3000);

Demo

如果您确实需要在函数调用中传递参数，请将其包装在匿名函数中：

setInterval(function() {
    var myArg;
    changeImages(myArg);
}, 3000);

Demo

Answer 2

调用函数时去掉大括号

改变 setInterval(changeImages(), 3000);

至

    setInterval(changeImages, 3000);