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áchcallback
- funkcia pre obsluhu udalosti uplynutí zadaného časového intervaluautoReset
- príznak opakovania (true
, ak sa má periodicky spúšťať po uplynutí intervalu, inakfalse
)
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
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
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.
- 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ť.