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

Mały problem z setTimeout.

VPS Starter Arubacloud
0 głosów
220 wizyt
pytanie zadane 2 maja 2018 w JavaScript przez DariuszH Gaduła (3,100 p.)
<body onload="straight()">

#straight1{

width: 41.5%;
height: 0.5vh;
background-color: black;
position: absolute;
left:2%;
top:43vh;
animation:snake;
animation-duration:1s;
}


@keyframes snake{

from{width:0vh;}
to{width:41.5%;}


}


function straight(){

    var x =document.getElementById('straight1');


    x.style.animation="snake 3s forwards";

}

setTimeout(straight(), 3000);

Dlaczego się nie wykonuje  ? Chcę by po 3 sekundach po załadowaniu się treści strony, pojawiła się ta animacja zakodowana niepoprawnie (ale gdzie ?)  

1 odpowiedź

+1 głos
odpowiedź 2 maja 2018 przez adrian17 Ekspert (344,100 p.)
<body onload="straight()">

Tutaj wywołujesz straight() od razu po załadowaniu.

setTimeout(straight(), 3000);

Tutaj też od razu wywołujesz straight(), a wartość zwracaną (nic) przekazałeś do setTimeout.

komentarz 2 maja 2018 przez adrian17 Ekspert (344,100 p.)
setTimeout ją wywoła po 3 sekundach. Do tego służy.

A funkcja nie musi być "przypisana" do żadnego elementu.
komentarz 2 maja 2018 przez DariuszH Gaduła (3,100 p.)
Nic nie działa. Pokaz mi jak Ty to robisz.
komentarz 2 maja 2018 przez adrian17 Ekspert (344,100 p.)

Chcę by po 3 sekundach po załadowaniu się treści strony, pojawiła się ta animacja

Animacja 3-sekundowa pojawiająca się po 3 sekundach:

https://jsfiddle.net/qbrv4y3c/

komentarz 2 maja 2018 przez DariuszH Gaduła (3,100 p.)
U mnie nie działa
komentarz 2 maja 2018 przez DariuszH Gaduła (3,100 p.)
Działa :) Trzeba było jeszcze display: none w css a display: block w kodzie js :)

Podobne pytania

0 głosów
1 odpowiedź 296 wizyt
pytanie zadane 19 marca 2020 w JavaScript przez kubaa322 Użytkownik (710 p.)
0 głosów
1 odpowiedź 152 wizyt
pytanie zadane 22 lutego 2023 w JavaScript przez Grzegorz Mikina Dyskutant (8,060 p.)
0 głosów
2 odpowiedzi 181 wizyt
pytanie zadane 1 czerwca 2020 w JavaScript przez michal3254 Nowicjusz (140 p.)

92,455 zapytań

141,263 odpowiedzi

319,099 komentarzy

61,854 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!

...