Konfigurovateľný simulátor hodín Word: 3 kroky

2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:55

Toto nie je práve návod. Navrhujem svoje vlastné hodiny Word a rozhodol som sa najskôr vytvoriť simulátor webovej aplikácie, aby som mohol rozložiť mriežku a vyskúšať, ako to vyzerá v rôznych časoch dňa. Potom som si uvedomil, že to môže byť užitočné pre ostatných ľudí pracujúcich na slovných hodinách, a rozhodol som sa to zdieľať.

Aplikácia je jeden krátky súbor HTML. Ak ho uložíte a dvakrát naň kliknete, otvorí sa vo vašom prehliadači a začne sa zobrazovať aktuálny čas. Potom aktualizuje displej každých 10 sekúnd, ak sa zmenil čas.

K dispozícii je tiež textové pole, do ktorého môžete zadať konkrétny čas a zistiť, ako to bude vo vašom projekte vyzerať.

Každý má slovný tvar hodín iný, preto som sa pokúsil uľahčiť konfiguráciu kódu. V nasledujúcich niekoľkých krokoch nájdete rady, ako to urobiť.

Dúfam, že vám to pomôže! Je skvelé môcť experimentovať s rozložením a znením predtým, ako sa pustíte do hardvéru!

Krok 1: Stiahnite si súbor HTML

Simulátor je webová aplikácia s jedným súborom. Je to niečo pod 200 riadkov. Môžete si ho stiahnuť tu.

(V skutočnosti neexistuje tlačidlo na stiahnutie súboru na Github. Môžete však iba vybrať obsah súboru, skopírovať ho a vložiť do nového textového súboru v počítači. Súbor pomenujte niečo.html.)

Keď si ho stiahnete, dvakrát naň kliknite a súbor sa načíta na kartu vo vašom prehliadači. V mriežke slov by ste mali vidieť aktuálny čas.

Poznámka: Aplikáciu som testoval iba pomocou prehliadača Chrome v systéme Windows.

Krok 2: Upravte mriežku

Rôzne rozloženia slov si môžete vyskúšať úpravou časti JavaScriptu, ktorá vyzerá takto:

var row_strs = [„JE TO“, „JEDEN DVA TRI“, „ŠTYRI PÄŤ ŠESŤ“, „SEDEM OSEM“, „DEŤ DESET“, „ELEVEN TWELVE“, „OH FIVE DEN“, „FIFTEEN TWENTY“, „O'CLOCK THIRTY“, „Štyridsať päťdesiat päť“, „V ODPOLEDNE“, „V NOC RÁNO“,];

Ak pridáte/odstránite riadky a stránku znova načítate, mriežka bude väčšia alebo menšia.

A ak do každého riadka pridáte viac písmen, mriežka sa rozšíri. Uistite sa, že všetky riadky majú rovnaký počet písmen.

Všimnete si, že reťazce v kóde uvedenom vyššie majú medzery, ale tie sa v mriežke premenia na náhodné znaky. Množinu znakov, ktoré budú náhodne použité na vyplnenie týchto medzier, si môžete vybrať úpravou riadka, ktorý vyzerá takto:

var RANDCHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZ@#$%&";

Krok 3: Zmeňte znenie

Ak chcete používať rôzne frázy, budete potrebovať vedieť, ako napísať kód. Logika, ktorá vezme dátum a zmení ho na slová, je vo funkcii s názvom dateToSentence ().