【问题标题】:I have some JavaScript function that keeps repeating itself, I can't find why我有一些不断重复的 JavaScript 函数,我找不到原因
【发布时间】:2023-01-14 19:23:29
【问题描述】:

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

【问题讨论】:

  • 别担心,我现在已经找到解决这个问题的方法

标签: javascript html


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-11-24
    • 1970-01-01
    • 2019-12-28
    • 1970-01-01
    • 2020-08-31
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多