请问js中如何降低alert的执行优先级？

Question

我有段代码如下：

$('body').append('<div class="oppoBg" style="opacity:0.88;"></div>');
alert(data.content);

我本意的想法是先弹出一个遮罩层将页面内容隐藏起来，然后再弹出 alert 内容，但是现在总是先 alert 了，我尝试用了 setTimeout 延迟也不管用，求大神指点一二，怎么才能让这段代码按我的需求执行呢？

Answer 1

JS执行的速度远快于浏览器重新渲染时消耗时间，两者也不在一个线程内，所以会出现JS先执行。
用setTimeout一般可以解决问题。

Answer 2

既然你用jquery,可以试试animate,在end方法处写alert.

Answer 3

alert放setTimeout里可行啊