Turinys:

Konfigūruojamas „Word Clock Simulator“: 3 žingsniai
Konfigūruojamas „Word Clock Simulator“: 3 žingsniai

Video: Konfigūruojamas „Word Clock Simulator“: 3 žingsniai

Video: Konfigūruojamas „Word Clock Simulator“: 3 žingsniai
Video: New York's LOST Pulitzer Tower | The Rise and Fall of The World Building - IT'S HISTORY 2024, Lapkritis
Anonim
Konfigūruojamas „Word Clock Simulator“
Konfigūruojamas „Word Clock Simulator“

Tai ne visai instrukcija. Kuriu savo „Word Clock“ir nusprendžiau pirmiausia sukurti žiniatinklio programų simuliatorių, kad galėčiau išdėstyti tinklelį ir išbandyti, kaip jis atrodo įvairiu paros metu. Tada supratau, kad tai gali būti naudinga kitiems žmonėms, dirbantiems su žodiniais laikrodžiais, ir nusprendžiau pasidalinti.

Programa yra vienas trumpas HTML failas. Jei išsaugosite ir dukart spustelėsite, jis bus atidarytas jūsų naršyklėje ir pradės rodyti esamą laiką. Tada jis pakeis ekraną kas 10 sekundžių, jei laikas pasikeis.

Taip pat yra teksto laukas, kuriame galite įvesti konkretų laiką ir pamatyti, kaip jis atrodys jūsų projekte.

Kiekvieno žodžio laikrodžio dizainas yra skirtingas, todėl bandžiau lengvai konfigūruoti kodą. Žr. Kelis tolesnius veiksmus, kad gautumėte patarimų, kaip tai padaryti.

Tikiuosi, kad tai jums bus naudinga! Puiku, kad prieš įsipareigodami aparatinei įrangai galite eksperimentuoti su išdėstymais ir formuluotėmis!

1 veiksmas: atsisiųskite HTML failą

Simuliatorius yra vieno failo žiniatinklio programa. Tai šiek tiek mažiau nei 200 eilučių. Ją galite atsisiųsti čia.

(Iš tikrųjų nėra mygtuko atsisiųsti failą „Github“. Bet jūs galite tiesiog pasirinkti failo turinį, nukopijuoti ir įklijuoti į naują teksto failą savo kompiuteryje. Būtinai pavadinkite failą kažkuo.html.)

Atsisiuntę dukart spustelėkite failą ir jis bus įkeltas į jūsų naršyklės skirtuką. Turėtumėte matyti dabartinį laiką, rodomą žodžių tinklelyje.

Pastaba: programą išbandžiau tik naudodamas „Chrome“sistemoje „Windows“.

2 veiksmas: redaguokite tinklelį

Galite išbandyti skirtingus žodžių išdėstymus, redaguodami „Javascript“kūrinį, kuris atrodo taip:

var row_strs = [„TAI“, „VIENAS DU TREJI“, „KETURI PENKI SEŠI“, „SEPTYNI AŠTUNTAI“, „DEVI DEŠIMTAI“, „ELVYNOLIK DVYLIKTA“, „OH FIVE TEN“, „FIFTEEN TWENTY“, „O'CLOCK THIRTY“, „NETURĖJIMAS PENKIOLIS PENKIAS“, „PAVEIKSLIS“, „NAKTINĮ RYTĄ“,];

Jei pridėsite/ištrinsite eilutes ir iš naujo įkelsite puslapį, jūsų tinklelis bus didesnis arba mažesnis.

Ir jei prie kiekvienos eilutės pridėsite daugiau raidžių, jūsų tinklelis bus platesnis. Tiesiog įsitikinkite, kad visose eilutėse yra vienodas raidžių skaičius.

Pastebėsite, kad aukščiau esančio kodo eilutėse yra tarpų, tačiau jos tinklelyje paverčiamos atsitiktiniais simboliais. Galite pasirinkti simbolių rinkinį, kuris bus atsitiktinai naudojamas šioms erdvėms užpildyti, redaguodami taip atrodančią eilutę:

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

3 žingsnis: pakeiskite formuluotę

Turite žinoti, kaip rašyti kodą, jei norite naudoti skirtingas frazes. Logika, kuri paima datą ir paverčia ją žodžiais, yra funkcijoje, pavadintoje dateToSentence ().

Rekomenduojamas: