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
Došiel 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.
Kúpiť tento kurz
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ť.