Konfigurējams vārdu pulksteņa simulators: 3 soļi

2024 Autors: John Day | [email protected]. Pēdējoreiz modificēts: 2024-01-30 10:51

Tas nav īsti pamācāms. Es izstrādāju savu Word pulksteni un nolēmu vispirms izveidot tīmekļa lietotņu simulatoru, lai es varētu izkārtot režģi un pārbaudīt, kā tas izskatās dažādos dienas laikos. Tad es sapratu, ka tas varētu būt noderīgi citiem cilvēkiem, kas strādā ar vārdu pulksteņiem, un nolēmu to kopīgot.

Lietotne ir viens īss HTML fails. Ja to saglabājat un veicat dubultklikšķi uz tā, tas tiks atvērts jūsu pārlūkprogrammā un sāks rādīt pašreizējo laiku. Tad tas atjauninās displeju ik pēc 10 sekundēm, ja laiks ir mainījies.

Ir arī teksta lauks, kurā varat ievadīt konkrētu laiku un redzēt, kā tas izskatīsies jūsu projektā.

Ikviena vārdu pulksteņa dizains ir atšķirīgs, tāpēc es mēģināju kodu viegli konfigurēt. Lai uzzinātu, kā to izdarīt, skatiet nākamās darbības.

Es ceru, ka jums tas noderēs! Ir lieliski, ka pirms apņemšanās izmantot aparatūru var eksperimentēt ar izkārtojumiem un formulējumu!

1. darbība: lejupielādējiet HTML failu

Simulators ir viena faila tīmekļa lietotne. Tas ir nedaudz zem 200 rindām. Jūs to varat lejupielādēt šeit.

(Nav īsti pogas, lai lejupielādētu failu vietnē Github. Bet jūs varat vienkārši atlasīt faila saturu, kopēt un ielīmēt jaunā teksta failā datorā. Noteikti nosauciet failu kā kaut ko.html.)

Kad esat to lejupielādējis, veiciet dubultklikšķi uz faila un tas tiks ielādēts jūsu pārlūkprogrammas cilnē. Jums vajadzētu redzēt pašreizējo laiku, kas parādīts vārdu režģī.

Piezīme. Es pārbaudīju lietotni tikai, izmantojot pārlūku Chrome operētājsistēmā Windows.

2. darbība: rediģējiet režģi

Varat izmēģināt dažādus vārdu izkārtojumus, rediģējot Javascript fragmentu, kas izskatās šādi:

var row_strs = ["TAS IR", "VIENI DIVI TREŠI", "ČETRI PIECI SEŠI", "SEPTIENI ASTOTI", "DEVIŅDESMIT", "ELVENDEN TWELVE", "OH FIVE TEN", "FIFTEEN TWENTY", "O'CLOCK THIRTY", "ČETRS PIECI piecdesmit", "PĒCPUSDIENĀ", "NAKTS RĪTĀ",];

Ja pievienosit/dzēsīsit rindas un atkārtoti ielādēsit lapu, jūsu režģis būs lielāks vai mazāks.

Un, ja katrai rindai pievienosit vairāk burtu, jūsu režģis kļūs plašāks. Vienkārši pārliecinieties, ka visās rindās ir vienāds burtu skaits.

Jūs pamanīsit, ka iepriekšējā koda virknēs ir atstarpes, bet tās režģī tiek pārvērstas par nejaušām rakstzīmēm. Jūs varat izvēlēties rakstzīmju kopu, kas tiks nejauši izmantota šo vietu aizpildīšanai, rediģējot rindu, kas izskatās šādi:

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

3. darbība: mainiet formulējumu

Ja vēlaties izmantot dažādas frāzes, jums jāzina, kā rakstīt kodu. Loģika, kas ņem datumu un pārvērš to vārdos, ir funkcijā ar nosaukumu dateToSentence ().