[Js] czekanie az petla sie skonczy Opcje

[blokern]

Hejka mam taki kod

[PHP] pobierz, plaintext 
$(document).ready(function(){
    $(".filtr").click(function(){
        //$(".preloader").css("display", "block");
        var data = $(this).attr("name");
        $(this).addClass("check");
        apartamenty.forEach(
            function(id) {
            var kalendarz = $("div[name="+id+"]").attr(data);
            if($("div[name="+id+"]").is(':visible'))
            {
                if(kalendarz==0){
                        $("div[name="+id+"]").hide();
                }
            }else{
                $("div[name="+id+"]").show();
            }
        });
    });
});
[PHP] pobierz, plaintext 

dlaczego to

[PHP] pobierz, plaintext 
 $(this).addClass("check");
[PHP] pobierz, plaintext 

wykonuje sie dopiero jak skonczy wykonywac sie to

[PHP] pobierz, plaintext 
 apartamenty.forEach
[PHP] pobierz, plaintext 

i jak moge spowodowac zeby addClass nie czekal na koniec petli?

[blokern]

jak usune petle to leci z wykonywaniem po kolei. wlasciwie to nie widac przez chwile preloader bo jest show i hide po sobie
210 apartamentow

a jeszcze mam pytanie o to
apartamenty.forEach(function(id) {})

wyswietli jak skonczy sie petla a czy da sie wyswietlac w trakcie wykonywania petli?

[LowiczakPL]

jak usune petle to leci z wykonywaniem po kolei. wlasciwie to nie widac przez chwile preloader bo jest show i hide po sobie
210 apartamentow

a jeszcze mam pytanie o to
apartamenty.forEach(function(id) {})

wyswietli jak skonczy sie petla a czy da sie wyswietlac w trakcie wykonywania pętli?

ten kod nie jest napisany tak aby czekał jak skończy się pętla, ten kod modyfikuje DOM w każdym przebiegu pętli, dzieje się to po prostu tak szybko że nie zauważasz tego, aby to sprawdzić wystarczy dać pauzę KILKA sekund opóźnienia na końcu pętli (nie znaczy to poza pętla ale przed jej zakończeniem) a przekonasz się że tek kod przed pętlą o który pytałeś wcześniej wykonuje się najpierw i że każda linia wykonuje się na stronie jedna po drugiej nie czekając na koniec pętli.

funkcja opóźniająca

Kod

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

użycie funkcji aby opóźniać wykonywanie pętli w mili sekundach, 1 sekunda to 1000 mili sekund, poniżej to 2 sekundy

Kod

await sleep(2000);

Ten post edytował LowiczakPL 7.03.2021, 07:38:29