我有一个图像,当我将其放入绘制的框中时,该图像会改变颜色。
一旦有人将其放入盒子中,我就会进入下一个屏幕。 但我希望先稍等一下。
但是当我介绍等待时.. 图像没有改变颜色..即使它确认颜色改变代码已经运行。
但是..如果我设置了警报(“嗨”);在停止引擎的代码之前..然后在等待 session 之前发生颜色变化。
就好像alert();正在幕后做一些事情,导致 div 的颜色变化正确发生。
如何在运行 sleep 方法之前强制发生这种颜色变化?
有点像运行警报而不需要实际弹出警报。
最佳答案
没有 sleep 方法,所以我猜测您正在使用 while 循环来进行“ sleep ”。 while 循环会锁定浏览器并阻止页面更新。该警报会稍微延迟并允许页面更新。
您需要做的是分解代码并使用 setTimeout 进行“ sleep ”。
var img = document.getElementById("myImg");
img.src = "foo.gif";
function nextStep() {
alert("do your next step here");
}
window.setTimeout(nextStep, 2000); //2 seconds
关于Javascript,图像在 sleep 时不会改变,除非先运行alert(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15765713/