Javascript,图像在 sleep 时不会改变,除非先运行alert()

标签 javascript alert sleep

我有一个图像,当我将其放入绘制的框中时,该图像会改变颜色。

一旦有人将其放入盒子中,我就会进入下一个屏幕。 但我希望先稍等一下。

但是当我介绍等待时.. 图像没有改变颜色..即使它确认颜色改变代码已经运行。

但是..如果我设置了警报(“嗨”);在停止引擎的代码之前..然后在等待 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/

相关文章:

javascript - 更改下拉菜单中复选框的位置

javascript - 使用 jQuery jqXHR responseText 在警报窗口中换行

c - C 中的 Sleep 函数使程序打印出奇怪的字符

Javascript:alert ('...' ) - 错误:未捕获的异常:ReferenceError:未定义警报

javascript - 如何在点击链接时弹出提醒

c++ - 如何在 Windows 上使线程 sleep 时间少于一毫秒

javascript - 对话框ajax加载动画效果-需要循环延迟、 sleep

javascript - 从定义的 <td> 获取值 (ASP.NET MVC)

javascript - 尝试在我的第一个 react 网站上建立一个基本的搜索栏

javascript - 如何将用户名字段中输入的文本复制到密码字段以使它们相同?