jQuery中基于时间的事件以显示随机图像

我尝试执行图像的动画（3秒动画），而不是用户事件（如点击事件），然后在另外3秒钟内我希望该图像更改

所以基本上我需要循环一组图像，每3秒替换一次图像，而不触发任何事件

有什么建议吗？我曾考虑过设置间隔（3000），但那是如何工作的

    var images = [
    "assets/images/s1-person1.svg",
    "assets/images/s1-person2.svg",
    "assets/images/s1-person3.svg",
    "assets/images/s1-person4.svg",
    "assets/images/s1-person5.svg",
    "assets/images/s1-person6.svg",
    "assets/images/s1-person7.svg",
    "assets/images/s1-person8.svg"
];

function change() {
    var i;
    for (i == 0; i <= images.length; i++) {
        var random = Math.floor( Math.random() * images.length);
        $(".s1-person-1").attr('src', images[random]);
    }
}
var intervalID = window.setInterval(change, 3000);

var图像=[
“assets/images/s1-person1.svg”，
“assets/images/s1-person2.svg”，
“assets/images/s1-person3.svg”，
“assets/images/s1-person4.svg”，
“assets/images/s1-person5.svg”，
“assets/images/s1-person6.svg”，
“assets/images/s1-person7.svg”，
“assets/images/s1-person8.svg”
];
函数更改（）{
var i；
对于（i==0；i感谢@huangism和@DatGeoudon为我指明了正确的方向

    var images = [
    "assets/images/s1-person1.svg",
    "assets/images/s1-person2.svg",
    "assets/images/s1-person3.svg",
    "assets/images/s1-person4.svg",
    "assets/images/s1-person5.svg",
    "assets/images/s1-person6.svg",
    "assets/images/s1-person7.svg",
    "assets/images/s1-person8.svg"
];

function change() {
    var i;
    for (i = 0; i <= images.length; i++) {
        var random = Math.floor( Math.random() * images.length);
        $(".s1-person-1").attr('src', images[random]);
    }
}
var intervalID = window.setInterval(change, 3000);

var图像=[
“assets/images/s1-person1.svg”，
“assets/images/s1-person2.svg”，
“assets/images/s1-person3.svg”，
“assets/images/s1-person4.svg”，
“assets/images/s1-person5.svg”，
“assets/images/s1-person6.svg”，
“assets/images/s1-person7.svg”，
“assets/images/s1-person8.svg”
];
函数更改（）{
var i；
对于（i=0；i）使用setInterval
for（i=0；i@Huangism，我更新了文本，但它还没有做任何事情。控制台返回change（）作为未定义。我做错了什么？循环在这里是无用的。你正在做完全相同的事情。很高兴你自己弄清楚这一点，它在这里不常发生