removeClass не показывая

Question

У меня есть функция перехода, которая имеет экран наложения, который говорит «загрузка»

SM.prototype.changeScene = function(sceneName){ 
    $("#Loading").removeClass("hide"); 
    $("#loading_curtain").removeClass("offscreen"); 
    $("#acrcurtain").removeClass("offscreen"); 
    $(".loading_text").removeClass("offscreen"); 

    var changeMe = function(){ 
     //lots of loading code (2-5 seconds) 
    }; 

    window.setTimeout(changeMe, 100); 
} 

Это прекрасно работает с SetTimeout установить по меньшей мере 100. Если он удален или гораздо меньше экран загрузки ISN Не отображается. Классы удаляются должным образом, но они не отображаются на экране. Есть ли причина, по которой это помогает?

Answer 1

JavaScript, работающий в браузере, не перерисовывает элементы на экране сразу по мере их изменения. Он обычно ждет, пока не будет запущен JavaScript-код.

Именно поэтому тайм-аут позволяет ему перерисовывать и почему он не перерисовывается сразу без него.

С истечением времени текущий бит исполняемого JavaScript заканчивается, а затем браузер получает возможность перерисовывать до запуска «большого количества кода загрузки».

Без тайм-аута код JavaScript по-прежнему активно работает, поэтому браузер ждет, пока он не закончит работу.