在重js计算期间的css动画

Question

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

谢谢

Answer 1

您可以尝试在计算之前显示动画gif（想想YouTube加载圈），并在计算结束时用display: none CSS属性隐藏它。