JavaScript顯示 <div> 之前和之后的樣式alert（）

Question

我正在嘗試在網頁上顯示div，顯示警報，然后在警報后隱藏相同的內容。 我不確定這是否是Chrome渲染問題，但是我無法使這兩個單獨的樣式分別顯示。 他們似乎正在同時執行並有效地在屏幕上不顯示任何內容。 我已經瀏覽網站一段時間了，似乎找不到任何幫助。 這是我在JavaScript文件中的位置：

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

“ overlay”永遠不會顯示為“ block” ...但是，如果您將顯示注釋為“ none”，則會彈出警報，然后顯示為“ block”元素（這使我得出了前面的結論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

警報事件應阻止頁面呈現，因此在超時事件中調用它是一個好主意