CSS动画在繁重的js计算

css animation during heavy js computations

本文关键字：js 计算动画 CSS 更新时间：2023-09-26

我在javascript程序中有一个方法，有时会进行大量的计算(我甚至不能假设什么时候)，我想通知用户后台正在发生一些事情，他现在无法访问数据，因为它正在处理，在css中使用动画，但是当繁重的计算发生时浏览器甚至不触发动画，而是冻结。尝试了一些黑客与setInterval和setTimeout，但他们不像预期的工作。我刚刚找到的唯一合理的解决方案是使用webWorkers，在我的情况下，它需要大量的重构工作。你是否想到了其他技巧，让javascript完成它的工作，同时向用户显示处理正在发生?

谢谢

你可以尝试在计算之前显示一个动画gif(想想YouTube的加载圈)，并在计算完成后用display: none CSS属性隐藏它。