Принудительное обновление DOM в JavaScript

Question

Я выполняю цикл в обработчике событий щелчка, делая следующее:

• выполнять тяжелые вычисления (занимает 1-3 с)
• Звоните $("<li> + data + </li>").appendTo($("#results"))

Проблема в том, что DOM не обновляется, пока цикл не завершится. Выполнение цикла для 100 итераций занимает слишком много времени, я хотел бы давать результат каждый раз, когда вычисляю один.

Как заставить DOM обновляться?

Answer 1

Если вы работаете в браузере, который его поддерживает, рабочие идеально подходят для этой ситуации.

Если нет, используйте setTimeout после каждого вычисления, чтобы разбить стек вызовов и разрешить браузериспользовать время на рендеринг.