在移动之前使用微调器添加类

Question

我正在尝试编写代码以在用户单击enter后解决某些项目。有时，这可能需要一段时间，所以我使div看起来像一个微调器，以便用户知道它正在工作。

为了实现这一点，我将一个类添加到正在解决的DOM对象中，这使得它看起来像一个微调器。我的问题是在添加类之前完成求解算法。我已尝试了许多不同的方法来解决问题，但都失败了。这包括延迟对象和promise方法的各种实现。

在继续使用代码之前，有没有办法确保DOM操作完成？

Answer 1

是的，将您的慢速代码包装在零超时中。这将允许UI在执行之前赶上。

window.setTimeout(function() { ... your code ...},0);

请参阅：Why is setTimeout(fn, 0) sometimes useful?

Answer 2

首先添加微调器，而不是启动耗时的代码。看起来（你没有提供任何代码）你正在以相反的顺序进行。