繁重的 js 计算期间的 css 动画

Question

我在 javascript 程序中有一个方法，有时会进行大量计算（我什至无法假设何时），我想通知用户后台正在发生某些事情，他现在无法访问正在处理的数据，用css中的动画完成了它，但是当发生大量计算时，浏览器甚至不会触发动画，而是冻结。使用 setInterval 和 setTimeout 尝试了一些技巧，但它们没有按预期工作。我刚刚找到的唯一合理的解决方案是使用 webWorkers，在我的情况下，它会期望大量的重构工作。您是否想到了任何其他技巧来让 javascript 完成其工作并同时向用户显示正在处理的过程？

谢谢

Answer 1

您可以尝试在进行计算之前显示动画 gif（想想 YouTube 加载圈），并在计算完成后使用 display: none CSS 属性将其隐藏。