Javascript 如何在旋转结果后弹出警报?

Javascript 如何在旋转结果后弹出警报?,javascript,Javascript,我正在为学校项目制作一个非常简单的游戏,它应该是这样工作的: 用户单击旋转,3张卡将显示元素 如果3张卡全部匹配,余额将增加50美元,并弹出警告“您赢了!” 否则,如果旋转不匹配,将减去10美元。 如果余额低于10美元,则弹出警报“您的余额低于10美元 我试图在插槽渲染和平衡更新后弹出警报,但是警报总是在前面弹出。你知道如何修复它吗 let slotsContainer = document.getElementById('slots'); let balanceContainer = docu

我正在为学校项目制作一个非常简单的游戏,它应该是这样工作的: 用户单击旋转,3张卡将显示元素 如果3张卡全部匹配,余额将增加50美元,并弹出警告“您赢了!” 否则,如果旋转不匹配,将减去10美元。 如果余额低于10美元,则弹出警报“您的余额低于10美元

我试图在插槽渲染和平衡更新后弹出警报,但是警报总是在前面弹出。你知道如何修复它吗

let slotsContainer = document.getElementById('slots');
let balanceContainer = document.getElementById("balance-container");
let tries = document.getElementById("tries");

const INITIAL_AMOUNT = 1000;

let values = ['❤', 'Ok. This is because the JS code runs so fast it spins but you don't see it. 

This code

for (var i = 0; i < number_of_spinners; i++) {
    let spinner = document.createElement('div');
    spinner.innerHTML = result[i];
    slotsContainer.appendChild(spinner);
    slot_els.push(spinner);
}
让slotcontainer=document.getElementById('slots');
让balanceContainer=document.getElementById(“余额容器”);
让trys=document.getElementById(“trys”);
常数初始值=1000;

让值=['❤', ' 好的。这是因为JS代码运行得很快,它会旋转,但你看不到它

此代码

for(变量i=0;i
需要使用延迟来降低速度。每个动画需要延迟1/4秒。然后代码将允许您查看它。之后警报将触发,并按预期工作

现在的问题是,您需要使代码异步

否则还是不行

这是一个有延迟的循环的问题

当循环完成时,您需要将此调用作为您的警报(完成)代码,否则,它仍然无法工作

原则是:

  • 运行触发动画的循环
  • 以动画速度(例如600毫秒)延迟下一次迭代
  • 循环完成时调用警报/结束代码

好的。这是因为JS代码运行得太快,它会旋转,但你看不到它

此代码

for(变量i=0;i
需要使用延迟来降低速度。每个动画需要延迟1/4秒。然后代码将允许您查看它。之后警报将触发,并按预期工作

现在的问题是,您需要使代码异步

否则还是不行

这是一个有延迟的循环的问题

当循环完成时,您需要将此调用作为您的警报(完成)代码,否则,它仍然无法工作

原则是:

  • 运行触发动画的循环
  • 以动画速度(例如600毫秒)延迟下一次迭代
  • 循环完成时调用警报/结束代码

    • DOM是异步呈现的,因此您需要异步触发警报。
      尝试将警报(“xyz”);替换为设置超时(警报,0,“xyz”);您正在使用它的位置。

      如果您希望播放机在触发警报之前有时间读取结果,只需将以毫秒为单位的延迟从0增加到2000(2秒)。

      DOM是异步呈现的,因此您需要异步触发警报。
      尝试将警报(“xyz”);替换为设置超时(警报,0,“xyz”);您正在使用它的位置。

      如果您希望播放机在触发警报之前有时间读取结果,只需将以毫秒为单位的延迟从0增加到2000(2秒).

      对不起,我的javascript水平真的很低,教授到目前为止只教了4节课的javascript…..而这个游戏是期中项目,我们得到了一半的代码作为起点。我花了一周时间四处询问,才明白一半的代码到底是关于什么的……我得到了大约3个计算机科学朋友的建议帮助完成这些代码目前为止…这个项目是为一个平面设计课…顺便说一句…我的教授是网站游戏创作者,所以他决定整个课程都是关于创建网站游戏…他教的不多…WTF!!!所以我想说的是,我明白你的意思,但我真的没有知识来编写代码。我去了你给我的链接……我想这是什么,那是什么……到目前为止,我们从课堂上学到的只是如何创建数组,如何访问数组中的元素,如何执行for循环,如何执行警报、提示,如何执行for循环……就这样……我们有3个项目,都是网络游戏,一半甚至超过一半的c我们给了他颂歌……根本没有解释……我们只是按照他的要求完成代码。当我们问他关于给定代码的问题时,他只是说:“哦,你根本不需要理解给定的代码,你只需要使用它们,完成它们,让程序工作。。。“真见鬼!!!!我所有真正学习计算机科学的朋友都说,“什么???!!当你连给定的代码都不懂的时候,他怎么能指望你完成一个函数程序,而且他也懒得解释…”特别是我是设计专业的学生,我以前从未接触过代码……因为一个人从未接触过任何代码,这真的很难……!!!好吧……我想我应该告诉你哪些代码是给定的,哪些代码不是给定的……所以所有的东西都是给定的,除了自旋函数……我所做的只是用3台电脑sc写出自旋函数Encience学生帮助………不要嘲笑我……好吗?不要嘲笑我……以前从未编码过-->这个家伙……对不起,我的javascript真的很差,教授到目前为止只教了4节课……而这个游戏是一个期中项目,我们得到了一半的代码作为起点。我花了一周时间四处询问为了了解一半的代码到底是怎么回事,我得到了3个计算机科学朋友的帮助