style.display change after Array Sort

Question

Я хочу показать простое загружаемое сообщение перед сортировкой, но дисплей изменится с ни одного на блок после сортировки, даже если я вызываю сортировку после. Я даже попытался использовать setTimeout (2 секунды), чтобы изменить отображение, а затем вызвать фиктивную функцию для сортировки материала.

function sort(i) { 
    document.getElementById("loading").style.display = "block"; 
    array.sort(function(a, b) { 
     return a[i].localeCompare(b[i]); 
    }); 
} 

Answer 1

Браузеры не спешат перерисовки страницы в то время как JS занят рабочий (в предположении, что, вероятно, будет другой DOM изменения, которые они должны партия вместе для перерисовки).

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

Переведите вызов на array.sort в функцию и вызовите ее после задержки (например, с помощью setTimeout или requestAnimationFrame).