Nové výhodné predplatné namiesto kreditov je tu! Viac informácií. Upravili sme aj naše prevádzkové podmienky.
NOVINKA: Kurz Práca s umelou inteligenciou teraz už od 0 €. Staň sa žiadaným profesionálom. Zisti viac:

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 eur

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émiovej sekcie.

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íš s Prevádzkovými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Prístup k jednotlivým lekciám podľa spôsobu obstarania.
  • 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.
Článok pre vás napísal Petr Kozler
Avatar
Autor se věnuje vývoji převážně webových aplikací v PHP nebo Pythonu.
Aktivity