Hvordan lage en digital klokke

Video: How to Make A Simple Digital Clock At Home

Innhold

retninger
tips
referanser

Hvis du ennå ikke har funnet en ideell digital klokke modell, kan du lage din egen ved hjelp av HTA programmeringsspråk. Med funksjoner som tilbys av Internet Explorer, inneholder dette språket alle HTML- og JavaScript-funksjonene til skrivebordet ditt. Utviklere kan legge til digitale klokker til nettsider ved hjelp av noen få linjer med JavaScript. Men med HTA-språket er det mulig å lage egendefinerte maler som bruker CSS-egenskaper.

retninger

Det er ikke nødvendig å ha en fysisk klokke for å kjenne tiden (Martin Poole / Photodisc / Getty Images)

Åpne Notisblokk og lim inn følgende setning i det nye dokumentet:

HTA-test

type = "text / css"> .clockStyle {grense: tykk stiplet blå; bakgrunnsfarge: # FFFF00; bredde: 100px; høyde: 20px; tekstjustering: center; }
"Stil" -delen av denne koden, som vises på slutten, definerer klassen kalt "clockStyle". Denne klassen bestemmer utseendet på klokken. For eksempel legger grenseattributtene inn en grense linje dotert i blått døgnet rundt. Bakgrunnen er gul. Bredde- og høydeparametere karakteriserer objektets pikseloppløsning.
Legg til følgende JavaScript-blokk under koden fra forrige trinn:

Legg merke til "windowWidth" og "windowHeight" -variablene øverst på koden. De vil kontrollere størrelsen på vinduet som inneholder den digitale klokken. Endre disse verdiene som du vil.
Legg til følgende kode nedenfor som beskrevet i siste avsnitt:

>

Dette vil skape elementet "div", det vil si klokkeens kropp. Attributtet til klassen din refererer til CSS-stildeklarasjonen, beskrevet tidligere.
Trykk "Ctrl" og "S" samtidig og skriv "DigitalClock.hta" i feltet "Filnavn" som vises i vinduet "Lagre som". Klikk på "Lagre" for å lagre filnavnet.
Åpne "Windows Utforsker" og finn filen. Dobbeltklikk filen for å vise den digitale klokken.

tips

Tilpass klokken ved å endre CSS-egenskapene i "stil" -delen av dokumentet. For eksempel, for å endre bakgrunnen til rosa, erstatt "gul" i koden med "rosa". Vanligvis oppdaterer klokkene displayet hvert sekund. For å endre oppdateringsfrekvensen, endrer du "1000" i koden til en annen verdi, for eksempel 2000. Dette vil endre klokken hvert annet sekund.