我有一些 JavaScript function 不断重复自己，我找不到为什么

Question

这是在运行 function 时生成选定图像的代码，但图像不断变化，我希望这段代码让我拥有一张图像并保持这种状态，而不是每0.5 - 3秒随机变化一次，我不不知道为什么！

const imageSelector = document.querySelector("#changeHeron")
function spinMachine() {
    document.getElementById('spinner').disabled = 'disabled';
    spinner.style.transform = "rotate(90deg)";
    setInterval(enterBall, 1000)
    var protmt = prompt("What's your name?")
    alert("Hey there " + protmt + ", " + "its great to see you here")
}
function enterBall() {
    var ball = document.getElementById("changeHeron");
    ball.style.opacity = "100%";
    ball.style.transform = "ScaleX(50%) ScaleY(50%)";
    setInterval(liftBall, 1000);
}
function liftBall() {
    var ball = document.getElementById("changeHeron");
    ball.style.transform = "translateY(-250%)";
    ball.style.transform = "ScaleX(200%) ScaleY(200%)";
    ball.style.top = "40%";
    setInterval(changeImage, 1500);
}


function changeImage() {
    var images = ["./Images/Football.png", "./Images/Mousetache.png", "./Images/OG.svg"];
    var randomNum = Math.floor(Math.random() * images.length);
    var ball = document.getElementById("changeHeron");
    ball.src = images[randomNum];
    ball.style.borderRadius = "5%";
    ball.style.backgroundColor = "white";
}

Answer 1

我发现您可以将图像变量放在外面，并在代码运行后在里面更改它，这样 rest 就可以在这个问题之外工作