在操作DOM时保持loading.gif动画

Question

我有一个页面，它在document.ready上有一个函数，基本上就是这样：

• 显示加载面板（使用loading.gif）
• AJAX对外部服务器的调用
• 创建HTML标记以添加到DOM
• 将标记添加到页面（＆lt; - loading.gif停止制作动画）
• 隐藏加载面板

效果很好。但是，当页面更新时，loading.gif会停止。有没有办法解决这个问题？

由于

Answer 1

当添加的标记的大小非常大时，通常会发生这种情况。浏览器必须经过大量重绘和重排循环才能适应此标记。如果有javascript作用于这个巨大的标记添加，这进一步减慢了进程。由于有一个UI线程可以绘制页面（并动画你的loading.gif）并执行脚本，因此它会暂时停止动画gif图像。