JavaScript Img在提示对话期间暂停?

时间:2015-02-24 13:36:35

标签: javascript html css

我的项目几乎完成了。在项目结束时,将有一个与项目的codepen链接进行调试。

发生了什么?

img保存id的{​​{1}}属性,以及dragon强制加载为默认图片。它开始时this src在加载时被预加载(强制)。它应该保持这样,然后在调用img函数后,它应该将其更改为this decision1()。调用img函数后,应将dragonBattle()更改为this gif。如果播放器攻击(或调用img功能),则应播放this animation一次,然后恢复为hitDragon()图像。一旦战斗结束(或功能结束),它将恢复为默认图像。

KEEP IN MIND 所有这些功能/事件都由用户通过dragon.gif功能输入调用。一直打开prompt("")对话框,触发事件。

真正发生了什么?

发生了什么?实际上发生了什么?不是我期望/需要的。是的,确实在后台发生,但似乎动画GIF在prompt()期间没有动画。是的,它将prompt()更改为动画,但它没有动画,它只是暂停了。然而,一旦退出img框,它就会启动(或真正恢复)动画播放。

问题是什么?

问题是prompt()img对话框打开时没有播放gif动画。

问题是什么?

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

注意事项

  • 我之前做过这个,它确实有效;当对话框打开并且prompt已成功更改时,动画播放。但是,由于代码调试的覆盖进度被忽略,我似乎丢失了该代码。
  • 我只是在Chrome上对此进行了测试,我不确定它是否是我的代码中的Chrome内容。
  • 我非常有条理,你可以说。

代码

注意:由于功能限制,我无法添加img。它不会加载提示,因此无法正确使用/测试/调试。任何不便敬请谅解。这是项目的CodePen。

CodePen

1 个答案:

答案 0 :(得分:2)

调用prompt时,所有内容都会暂停。直接离开the spec

  
      
  1. Pause在等待用户的回复时。
  2.   

暂停包括以下内容:

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

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