• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Akcja po akcji w javascript

VPS Starter Arubacloud
–1 głos
168 wizyt
pytanie zadane 22 marca 2017 w JavaScript przez paciek Początkujący (480 p.)
Cześć, potrzebuje zrobić w swojej funkcji JS, funkcję(?) która zmieni mi styl obiektu(z animacją) a po zakończeniu usunie go. Mam napisane zmianę i usunięcie jednak mam problem z pisaniem samego skryptu który najpierw wykona 1 część i po zakończeniu drugą.

4 odpowiedzi

+1 głos
odpowiedź 23 marca 2017 przez Alwox Gaduła (4,840 p.)
wybrane 23 marca 2017 przez paciek
 
Najlepsza

Ogólnie do wykonywania akcji asynchronicznie (czyli np wykonanie akcji po tym jak dane z API zostaną już pobrane) służą promise. Ale w Twoim wypadku jeśli dobrze zrozumiałem chcesz wywołać kolejną funkcję po czasie (ponieważ wykonana animacja CSS nic nie zwraca) użyj więc setTimeout().

komentarz 23 marca 2017 przez paciek Początkujący (480 p.)
Tak zrobiłem, dzięki za pomoc :)!
0 głosów
odpowiedź 22 marca 2017 przez Fenix Nałogowiec (26,750 p.)

Nie rozumiem o co chodzi? Chcesz aby funkcja, returnowała inna funkcje, po wykonaniu? wiec co w tym trudnego?

0 głosów
odpowiedź 22 marca 2017 przez Magicone Nałogowiec (45,100 p.)

Hmm, możesz dodać klasę elementowi, która z kolei ma nadpisane własności w css z użyciem transition, wtedy podpinasz obsługę zdarzenia transitionend i zwyczajnie usuwasz element.

0 głosów
odpowiedź 23 marca 2017 przez paciek Początkujący (480 p.)

Mam taki kod:

  if (sideNavVisible) {
    //Hide SideNav
    sideNav.style.cssText = "transform: translateX(-100%); -webkit-transition: 0.5s;";
      
    document.getElementById("sidenav-overlay").style.cssText = "webkit-animation: fadeOut .5s ease-in 1 forwards; animation: fadeOut .5s ease-in 1 forwards; opacity: 0;";
      
    //Remove Black Mask
    document.getElementById("sidenav-overlay").remove();
  } else {

chciałbym najpier wykonać wszystko do komentarza Remove Black Mask, a po wykonaniu właśnie usunąć sidenav-overlay.

Podobne pytania

0 głosów
0 odpowiedzi 188 wizyt
0 głosów
1 odpowiedź 142 wizyt
pytanie zadane 28 stycznia 2017 w JavaScript przez DariuszH Gaduła (3,100 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...