Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Opóźnienie wykonywania pętli/ animacja diva

Tworzenie dynamicznych stron internetowych z zastosowaniem JavaScript, jQuery, Ajax. Dowiedz się jak to zrobić, znajdź rozwiązania swoich problemów.

Opóźnienie wykonywania pętli/ animacja diva

Post 19.06.2017, 13:32:57

Witajcie! Nie przepadam za tym żeby pierwszy mój post na jakimś forum to już było pytanie o coś natomiast po przeszukaniu internetów nie mogłem znaleźć rozwiązania tego problemu. W dodatku w uczę się JS'a ledwo 2 tygodnie i jeszcze mnie to przerasta :P
Otóż mam pętlę która dodaje do drzewa dokumentu divy, którym potem dalej chcę nadać zdarzenie click. Natomiast chcę aby te divy pojawiały się po kliknięciu innego diva i z animacją fadeIn z jQuery.
Kod: Zaznacz cały
    for(i=0;i<=15;i++)
        {
                const keys_ = ['C','+','-','*','7','8','9','/','4','5','6','X','1','2','3','0'];
                const keysContent=document.getElementById('keys');
                let keyDiv = document.createElement('div');
                keyDiv.id='key'+keys_[i];
                keyDiv.className='key';
                keyDiv.innerHTML= keys_[i];
                keysContent.appendChild(keyDiv);
                $('div.key').fadeIn(200);
        }


Próbowałem dodać setTimeout z pustą funkcją w środku o tym samym czasie co fadeIn. Potem próbowałem czegoś takiego:

Kod: Zaznacz cały
    var timer = true;
    for(i=0;i<=15;i++)
        {
            if(timer==true)
            {
                const keys_ = ['C','+','-','*','7','8','9','/','4','5','6','X','1','2','3','0'];
                const keysContent=document.getElementById("keys");
                let keyDiv = document.createElement('div');
                keyDiv.id='key'+keys_[i];
                keyDiv.className='key';
                keyDiv.innerHTML= keys_[i];
                keysContent.appendChild(keyDiv);
                $('div.key').fadeIn(200);
                timer=false;
                setTimeout(function(){timer=true},200);
            }
        }


Zapewne jest na to jakieś proste rozwiązanie, bądź gdzieś mam błąd którego nie dostrzegam :) w obu przypadkach będę wdzięczny za pomoc! Pozdrawiam :)
Alfadres
Posty: 1
Dołączył(a): 19.06.2017

Powrót do JavaScript


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Google Adsense [Bot] i 7 gości

Hosting, Domeny, SSL
iCash

Subskrypcja

Mamy 50047 zarejestrowanych użytkowników.
Najnowszy użytkownik: Krysbul


Nasi użytkownicy napisali:

  • 934671 wiadomości
  • w 246204 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)