添加類與微調之前繼續

Question

我想寫一個代碼來解決某些項目後，用戶點擊輸入。有時候，這可能需要一段時間，所以我讓div看起來像一個微調，以便用戶知道它正在工作。

爲了實現這一點，我正在爲正在解決的DOM對象添加一個類，使其看起來像一個微調框。我的問題是解決算法在添加類之前完成。我嘗試了許多不同的方式來解決問題，並且都失敗了。這包括延遲對象和promise方法的各種實現。

有沒有什麼方法可以確保在操作代碼之前完成DOM操作？

Answer 1

是的，將您的慢代碼封裝在零超時。這將允許UI在執行之前趕上。

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

參見：Why is setTimeout(fn, 0) sometimes useful?

Answer 2

先加微調，比啓動耗時碼。它看起來像（你沒有提供任何代碼），你按照相反的順序進行操作。