JavaScript Img在提示对话框中暂停

JavaScript Img pauses during prompt dialog?

本文关键字:暂停 对话框 提示 Img JavaScript      更新时间:2024-04-30

我的项目几乎完成了。在帖子的末尾会有一个代码笔链接,用于调试该项目。

应该发生什么

img保持dragonid属性,以及将强制加载的src作为默认图像。它从这个img在加载时被(强制)预加载开始。它应该保持这样,然后一旦调用decision1()函数,它就应该将其更改为img。一旦调用了dragonBattle()函数,就应该将img更改为此gif。如果玩家攻击(或调用hitDragon()函数),则应播放此动画一次,然后返回到dragon.gif图像。一旦战斗结束(或功能结束),它将恢复到默认图像。

请记住所有这些函数/事件都是由用户通过prompt("")函数输入来调用的。在整个过程中,会打开一个prompt()对话框,触发事件。

到底发生了什么

《应该发生什么确实发生了,但不是我所期望/需要的。是的,确实发生在背景中,但在prompt()期间,动画gif似乎没有动画化。是的,它将img更改为动画,但它没有设置动画,只是真正暂停了。但是,一旦退出prompt()框,它就会开始(或者实际上会恢复)动画播放。

怎么了

问题是prompt对话框打开时,img不播放gif动画。

问题是什么

打开prompt对话框时,如何让gif(img)播放/循环其动画?

需要注意的事项

  • 我以前也这样做过,而且确实奏效了;当对话框打开并且CCD_ 21成功更改时,动画确实播放。然而,由于代码调试的进度被覆盖,我似乎已经丢失了该代码
  • 我只在Chrome上测试过这个,我不确定它是Chrome的东西还是我代码中的什么东西
  • 正如你所知,我很有条理

代码

注意:由于功能限制,我无法包含codeSnippet。它不加载提示,因此无法正确使用/测试/调试。很抱歉给您带来不便。这是该项目的CodePen。

CodePen

调用prompt时,一切都会暂停。直接超出规格:

  1. 等待用户响应时暂停

暂停包括以下内容:

  1. 如有必要,请更新任何文档或浏览上下文的呈现或用户界面,以反映当前状态
  2. 等待满足目标的条件

如果您希望页面的其余部分继续运行,我建议您创建自己的对话框,并使用回调来处理响应。