Vianoce v ITnetwork sú tu! Dobí si teraz kredity a získaj až 80 % extra kreditov na e-learningové kurzy ZADARMO. Zisti viac.
Hľadáme nové posily do ITnetwork tímu. Pozri sa na voľné pozície a pridaj sa k najagilnejšej firme na trhu - Viac informácií.

4. diel - Časovača, cookies a utility triedy v Simplex.js

V minulej lekcii, Vytvorenie vlastnej komponenty a trieda SimplexSelection , sme si ukázali ako vytvoriť vlastné komponent a následne sme si popísali triedu SimplexSelection, čím sme začali prehľad vstavaných tried Simplex.js frameworku. Teraz na tento prehľad nadviažeme a popíšeme si niekoľko ďalších tried, ktoré nám framework poskytuje pre uľahčenie práce pri vytváraní komponentov.

Trieda Timer

Túto triedu, rovnako ako ďalšie triedy jadra frameworku (vrátane už opisovaných triedy SimplexSelection) nájdeme priamo v adresári Framework/. Je použitá napr. V komponentoch Carousel alebo Autocomplete a ponúka pohodlný objektový spôsob, ako v JS pracovať s časovači.

Na použitie najprv vytvoríme inštanciu triedy Timer, ktoré v konstruktoru odovzdáme trojicu hodnôt v tomto poradí:

  • duration - časové oneskorenie (popr. doba trvania jednej periódy) v milisekundách
  • callback - funkcia pre obsluhu udalosti uplynutí zadaného časového intervalu
  • autoReset - príznak opakovania (true, ak sa má periodicky spúšťať po uplynutí intervalu, inak false)

Príklad inicializácia časovača, ktorý po spustení každú sekundu vypíše pozdrav do konzoly:

let timer = new Timer(1000, () = {
    console.log('Hello world!');
}, true);

Po vytvorení inštancie máme k dispozícii nasledujúce tri metódy, ktorých názvy sú samopopisující:

  • start() - spustí časovač
  • stop() - zastaví časovač
  • reset() - reštartuje časovač

Triedy Cookie a CookieManager

Obe tieto triedy nájdeme v podadresári Framework/Storage/. Medzi vstavanými komponentmi Simplex.js sme si ukázali oi. Aj komponent EuCookie, ktorá


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár korún

Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.

Obmedzená ponuka: Nauč sa všetko a ušetri

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh za exkluzívnu cenu 55 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto výhodného balíčku získaš prístup ku všetkým 5 článkom (5 lekcií) s kontrolou a certifikáciou a ešte naviac ušetríš 226 Kč. Ponuka je časovo obmedzená a platí pro všetky lekcie v kurze. Nakúp teraz a získaj limitovanou 80% zľavu.

Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel

Obsah článku spadá pod licenciu Premium III, kúpou článku súhlasíš so zmluvnými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Neobmedzený a trvalý prístup k jednotlivým lekciím.
  • Kvalitné znalosti v oblasti IT.
  • Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.

Popis článku

Požadovaný článok má nasledujúci obsah:

V tutoriálu popíšeme ďalšie vstavané triedy frameworku Simplex.js, konkrétne triedu Timer (časovač), Cookie, CookieManager, Strings, Colors a FormatHelper.

Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.

Článok pre vás napísal Petr Kozler
Avatar
Autor se aktuálně věnuje především programování v PHP (a vývoji webových aplikací obecně) nebo v Pythonu, ojediněle pak v C nebo v Javě...
Aktivity