进度条.数据呈现时，GIF图像在IE浏览器中冻结

Progress bar .GIF Image Freeze in IE Browser when Data Rendered

本文关键字：图像 IE 浏览器 冻结 GIF 数据      更新时间：2023-09-26

我正在使用进度。当我的网页刷新或发生任何回发时，我会显示进度条，它工作正常，但当数据在那时呈现时。GIF图像在IE浏览器中冻结。

以下是html代码。

<div class='overlay' id="cleintSideOverlayMain">
<div class="modal-progress">
<div class="progress-bar">
<img id="OverlayImage" src="/images/ajax-loader.gif" />
</div>
</div>
</div>

这是所有数据呈现时我的客户端代码。

$('#cleintSideOverlayMain').css('display', 'none');

我也试过了。1） spin.js2） 使用SetTimeout（）；3） 使用Iframe。4） HTML5动画。

我假设渲染是用Javascript完成的：Javascript使用单线程。这意味着UI和渲染使用相同的线程，并且在渲染工作时，UI被阻止。这将冻结你的进度条。

在HTML页面中执行脚本时，页面将变为无响应直到脚本完成。

目前我知道两种解决方法：

  1. 如果你的用户只使用现代浏览器，你可以使用网络工作者。然后可以使用另一个线程进行渲染（工作线程）。

  2. 如果可能的话，您可以在客户端进行渲染，并且只使用AJAX将结果发送到浏览器。

相关文章：