Question

我试图在我的网页上显示div，显示提醒，然后在提醒后隐藏相同内容。我不确定它是否是Chrome渲染问题，但我不能将这两个单独的样式分开显示。它们似乎同时执行并有效地在屏幕上显示任何内容。我已经在网站上挖掘了一段时间，似乎无法找到任何帮助。这是我在我的javascript文件中的位置：

var hide = document.getElementById("overlay").style.display = 'block';
alert("hello");
hide = document.getElementById("overlay").style.display = 'none';

＆＃34;覆盖＆＃34;永远不会显示为“＆＃39; ...”但是如果您将显示屏注释为“无”，则会弹出警告，然后显示为“＆＃39;块＆＃39; ;元素（这导致我早先得出的Chrome渲染问题）。

感谢任何帮助。我们欢迎不同的解决方法来实现相同的结果（特别是在Chrome中）。提前谢谢。

Answer 1

这很棘手......但是解决方案呢。

var hide = document.getElementById("overlay").style.display = 'block';

setTimeout(function(){
  alert("hello");
  hide = document.getElementById("overlay").style.display = 'none';
},10)

<span id="overlay" style="display:none;">this is what to show hide</span>

Answer 2

警报事件应该阻止页面呈现，因此在超时事件中调用它是一个好主意

Javascript显示<div>样式警报前后（）

2 个答案: