为什么我的图片幻灯片显示不起作用？

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);