我有一些JavaScript函数不断重复,我找不到原因

ruarlubt  于 2023-01-16  发布在  Java
关注(0)|答案(1)|浏览(124)

这段代码在函数运行时生成一个选定的图像,但图像一直在变化,我希望这段代码能让我有一个图像并保持不变,而不是每隔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";
}
deikduxw

deikduxw1#

我发现,您可以将图像变量放在外部,并在代码运行后将其更改为内部,以便其余部分可以在此问题之外工作

相关问题