Sisällysluettelo:

Konfiguroitava Word Clock Simulator: 3 vaihetta
Konfiguroitava Word Clock Simulator: 3 vaihetta

Video: Konfiguroitava Word Clock Simulator: 3 vaihetta

Video: Konfiguroitava Word Clock Simulator: 3 vaihetta
Video: ВКУСНАЯ ЕДА ИЗ ПРОСТЫХ ПРОДУКТОВ В КАЗАНЕ 2 РЕЦЕПТА Узбекский суп 2024, Heinäkuu
Anonim
Konfiguroitava Word Clock Simulator
Konfiguroitava Word Clock Simulator

Tämä ei ole aivan ohje. Suunnittelen omaa Word -kelloa ja päätin ensin rakentaa verkkosovellussimulaattorin, jotta voisin asettaa ruudukon ja testata, miltä se näyttää eri vuorokaudenaikoina. Sitten tajusin, että tästä voisi olla hyötyä muille sanakelloilla työskenteleville ihmisille, ja päätin jakaa sen.

Sovellus on yksi lyhyt HTML -tiedosto. Jos tallennat sen ja kaksoisnapsautat sitä, se avautuu selaimessasi ja alkaa näyttää nykyistä aikaa. Sitten se päivittää näytön 10 sekunnin välein, jos aika on muuttunut.

Siellä on myös tekstikenttä, johon voit kirjoittaa tietyn ajan ja nähdä, miltä se näyttää projektissasi.

Kaikkien sanakellojen suunnittelu on erilainen, joten yritin tehdä koodista helposti konfiguraation. Katso seuraavista vaiheista vinkkejä siihen, miten se tehdään.

Toivottavasti tästä on sinulle apua! On hienoa päästä kokeilemaan asetteluja ja sanamuotoja ennen laitteistoon sitoutumista!

Vaihe 1: Lataa HTML -tiedosto

Simulaattori on yhden tiedoston verkkosovellus. Se on alle 200 riviä. Voit ladata sen täältä.

(Tiedoston lataamiseen Githubista ei ole oikeaa painiketta. Mutta voit vain valita tiedoston sisällön, kopioida ja liittää sen uuteen tekstitiedostoon tietokoneellasi. Muista nimetä tiedosto jotain. Html.)

Kun olet ladannut sen, kaksoisnapsauta tiedostoa ja se latautuu selaimesi välilehdelle. Sinun pitäisi nähdä nykyinen aika sanaruudukossa.

Huomautus: Olen testannut sovelluksen vain Chromen avulla Windowsissa.

Vaihe 2: Muokkaa ruudukkoa

Voit kokeilla erilaisia sanan asetteluja muokkaamalla Javascript -osaa, joka näyttää tältä:

var row_strs = ["IT IS", "ONE KAKSI KOLME", "FOUR FIVE SIX", "SEVEN EIGHT", "NINE TEN", "ELEVEN TWELVE", "OH FIVE TEN", "FIFTEEN TWENTY", "O'CLOCK THIRTY", "FORTY FIFTY FIVE", "AFTERNOON", "YÖMMEN",];

Jos lisäät/poistat rivejä ja lataat sivun uudelleen, ruudukko on suurempi tai pienempi.

Ja jos lisäät kirjaimia kullekin riville, ruudukko laajenee. Varmista vain, että kaikilla riveillä on sama määrä kirjaimia.

Huomaat, että yllä olevan koodin merkkijonoissa on välilyöntejä, mutta ne muuttuvat ruudukon satunnaisiksi merkeiksi. Voit valita merkkijoukon, jota käytetään satunnaisesti näiden välilyöntien täyttämiseen, muokkaamalla seuraavan näköistä riviä:

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

Vaihe 3: Muuta sanamuotoa

Sinun on tiedettävä, miten kirjoittaa koodia, jos haluat käyttää eri sanamuotoa. Logiikka, joka ottaa päivämäärän ja muuttaa sen sanoiksi, on funktiossa dateToSentence ().

Suositeltava: