继续加载.gif在操作 DOM 时进行动画处理

Keep loading.gif animated when manipulating the DOM

本文关键字：动画 处理 DOM 加载 gif 操作 继续      更新时间：2023-09-26

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

  • 显示加载面板（带加载.gif）
  • 对外部服务器的 AJAX 调用
  • 创建要添加到 DOM 的 HTML 标记
  • 将标记添加到页面（<- 加载.gif停止动画）
  • 隐藏加载面板

效果很好。但是加载.gif随着页面的更新而停止。有什么办法吗？

谢谢

这通常发生在要添加的标记的大小非常大时。浏览器必须经历大量的重绘和重排周期才能适应此标记。如果有javascript作用于添加的这个巨大的标记，那会进一步减慢这个过程。由于有一个 UI 线程正在绘制页面（并为您的加载.gif设置动画）并执行脚本，因此它会暂时停止动画 gif 图像。

相关文章：