Mikuláš je tu! Získaj 90 % extra kreditov ZADARMO s promo kódom CERTIK90 pri nákupe od 1 199 kreditov. Len do nedele 7. 12. 2025! Zisti viac:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Diskusia – 29. diel - Časovače a animácie v JavaScripte

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Posledné komentáre sú na spodnej časti poslednej stránky.
Avatar
Radim Štross
Tvůrce
Avatar
Radim Štross:20.2.2024 17:39

Děkujeme za vaše podněty. Lekci jsme aktualizovali :-)

Avatar
Míra Běloch
Člen
Avatar
Míra Běloch:26.3.2024 13:17

Má tato lekce dnes ještě smysl, když se na animace používá GSAP?

Avatar
Miroslav Ostrihoň
Člen
Avatar
Miroslav Ostrihoň:22.5.2024 18:25

Měl jsem problémy sestavit kódy příkladů dle tutoriálu. Možná podrobněji popisovat, kam se která část kódu má umístit. Příklad "padajícího listí" se mi rozběhl, až po opravě dle připojeného balíku kódů a po záměně "load" za "DOMContentLoaded".

Avatar
Kateřina Rampulová
Člen
Avatar
Kateřina Rampulová:13.6.2024 14:10

kam se prosím vepíše tento kód (u padajícího listí) ?

document.body­.style.backgrou­ndColor = "red";

I po stažení vzoru tento kód nikde nevidím... možná už jsem přetažená :-)

Avatar
Lumír RAJSKÝ
Člen
Avatar
Lumír RAJSKÝ:28.6.2024 0:42

Popis složitější animace (listy), je dost matoucí a taky výsledný kód není správně a je nefunkční. Ten správný a funkční, je ke stažení až v zazipované verzi.

Avatar
Vendula Hrstková
Člen
Avatar
Vendula Hrstková:28.6.2024 8:06

Já už se u tohoto kurzu musím smát. Dvě základní funkce - setInterval() a setTimeout(). V příkladech použitá jen ta první. Ještě k tomu příklad s chybou. Tu druhou si pro jistotu vůbec neukážeme.
Tvůrci, já Vám řeknu, jak vypadá studium. Píšu, zkoumám, opisuju, nakonec to nefunguje. Tak se vracím. Hledám, kde mám chybu. Nemůžu ji najít. Po víc jak hodině zjistím, že tam máte chybu vy. Časová dotace na celý kurz Základy JS 14 hod. Fakt máte pocit, že je to reálné?

Avatar
Libor Vozka
Člen
Avatar
Odpovedá na Miroslav Ostrihoň
Libor Vozka:2.8.2024 16:51

Zdravím, měl jsem úplně stejný problém... Díky, Mirku👍🏻

Avatar
Luboš Rendl
Člen
Avatar
Luboš Rendl:13.8.2024 13:02

document.addE­ventListener("lo­ad", function() {
for (let i = 0; i < 5; i++) {
let img = document.crea­teElement("im­g");
img.src = "list.jpg";
img.setAttribu­te("data-podzim", "");
img.alt = "List";
document.body­.appendChild(im­g);
}

// Zde vzápětí nastavíme počáteční pozici listů

});

místo "load" by zde měby být "DOMContentLoaded"

Avatar
Jan Hadviga
Člen
Avatar
Jan Hadviga:26.8.2024 9:42

Lekce začínají být psány bez ohledu na celý koncept, používá se nevysvětlitelný arrow function, který mohl být vysvětlený dopodrobna ve funkcích. Používá se rekurzivní volání funkce, které nováčkovi docela zamotá hlavu.

Avatar
Martin Hrbek
Člen
Avatar
Martin Hrbek:5.9.2024 13:26

Příklad s listy nefungoval - po chvilkovém pátrání na internetu zjištěno, že v řádku document.addE­ventListener("lo­ad", function() by mělo být window.addEven­tListener("lo­ad", function() po této opravě kód začal fungovat

Posledné komentáre sú na spodnej časti poslednej stránky.
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 42.