Sisukord:

Seadistatav Word Clock Simulator: 3 sammu
Seadistatav Word Clock Simulator: 3 sammu

Video: Seadistatav Word Clock Simulator: 3 sammu

Video: Seadistatav Word Clock Simulator: 3 sammu
Video: ЗЕМЛЯ В ИЛЛЮМИНАТОРЕ !| ЧТО НОВОГО В ОБНОВЛЕНИИ ► 1 (часть 2) Прохождение ASTRONEER 2024, November
Anonim
Seadistatav Word Clock Simulator
Seadistatav Word Clock Simulator

See pole täpselt juhendatav. Kujundan oma Wordi kella ja otsustasin kõigepealt luua veebirakenduse simulaatori, et saaksin ruudustiku paigutada ja testida, kuidas see erinevatel kellaaegadel välja näeb. Siis mõistsin, et see võib olla kasulik teistele sõnakelladega tegelevatele inimestele, ja otsustasin seda jagada.

Rakendus on üks lühike HTML -fail. Kui salvestate selle ja topeltklõpsate sellel, avaneb see teie brauseris ja hakkab kuvama praegust aega. Seejärel värskendab see ekraani iga 10 sekundi järel, kui kellaaeg on muutunud.

Samuti on tekstiväli, kuhu saate sisestada mis tahes aja ja vaadata, kuidas see teie projektis välja näeb.

Igaühe sõnakella disain on erinev, seega proovisin koodi hõlpsasti konfigureerida. Vaadake näpunäiteid selle kohta, kuidas seda teha.

Loodan, et leiate sellest abi! Tore, et enne riistvarale pühendumist saate katsetada paigutuste ja sõnastustega!

Samm: laadige alla HTML -fail

Simulaator on ühefaililine veebirakendus. See on veidi alla 200 rea. Selle saate alla laadida siit.

(Githubis faili allalaadimiseks pole tegelikult nuppu. Kuid saate lihtsalt valida faili sisu, kopeerida ja kleepida oma arvutisse uue tekstifaili. Pange failile kindlasti nimi.html.)

Pärast allalaadimist topeltklõpsake faili ja see laaditakse teie brauseri vahekaardile. Te peaksite nägema sõna ruudustikus kuvatavat praegust aega.

Märkus. Olen testinud rakendust ainult Windowsi Chrome'i abil.

Samm: redigeerige võrku

Saate proovida erinevaid sõnade paigutusi, muutes Javascripti tüki, mis näeb välja selline:

var row_strs = ["SEE ON", "ÜKS KAKS KOLM", "NELI VIIS KUUS", "SEITSEKÜMNES", "ÜHEKÜMMEN", "ELEVEN TWELVE", "OH FIVE TEN", "FIFTEEN TWENTY", "O'CLOCK THIRTY", "Nelikümmend viiskümmend viis", "LÕUNAPÄEVAL", "ÖÖHOMMIK",];

Kui lisate/kustutate ridu ja laadite lehe uuesti, on teie ruudustik suurem või väiksem.

Ja kui lisate igale reale rohkem tähti, muutub teie ruudustik laiemaks. Lihtsalt veenduge, et kõigil ridadel oleks sama arv tähti.

Märkate, et ülaltoodud koodi stringidel on tühikud, kuid need muutuvad ruudustikus juhuslikeks märkideks. Saate valida tähemärkide komplekti, mida juhuslikult nende tühikute täitmiseks kasutatakse, redigeerides rida, mis näeb välja selline:

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

Samm: muutke sõnastust

Kui soovite kasutada erinevaid fraase, peate teadma, kuidas koodi kirjutada. Loogika, mis võtab kuupäeva ja muudab selle sõnadeks, on funktsioonis dateToSentence ().

Soovitan: