Indhold
Hvis du endnu ikke har fundet en ideel digital urmodel, kan du oprette din egen ved hjælp af HTA programmeringssprog. Med funktioner, der leveres af Internet Explorer, indeholder dette sprog alle HTML- og JavaScript-mulighederne på dit skrivebord. Udviklere kan tilføje digitale ure til websider ved hjælp af et par linjer af JavaScript. Men med HTA-sproget er det muligt at lave tilpassede skabeloner ved hjælp af CSS-egenskaber.
retninger
Det er ikke nødvendigt at have et fysisk ur for at kende tiden (Martin Poole / Photodisc / Getty Images)-
Åbn notesblok og indsæt følgende sætning i dit nye dokument:
HTA-test Afsnittet "stil" i denne kode, der vises i slutningen, definerer klassen kaldet "clockStyle". Denne klasse bestemmer urets udseende. For eksempel indsætter grænsen attributter en grænselinje prydet i blåt døgnet rundt. Baggrunden er gul. Bredde- og højdeparametre karakteriserer objektets pixelopløsning.
-
Tilføj følgende JavaScript-blok under koden fra det foregående trin:
Bemærk "WindowWidth" og "windowHeight" variablerne øverst i koden. De vil styre størrelsen af vinduet, der indeholder det digitale ur. Skift disse værdier, som du vil.
-
Tilføj følgende kode nedenfor, som beskrevet i sidste afsnit:
>
Dette vil skabe elementet "div", det vil sige klokkeens krop. Attributten til din klasse refererer til CSS-stildeklarationen, der er beskrevet tidligere.
-
Tryk samtidigt på "Ctrl" og "S" og skriv "DigitalClock.hta" i feltet "Filnavn" i vinduet "Gem som". Klik på "Gem" for at gemme filnavnet.
-
Åben "Windows Explorer" og find filen. Dobbeltklik på filen for at vise det digitale ur.
tips
- Tilpas uret ved at ændre CSS-egenskaberne i "stil" -delen af dokumentet. For at ændre baggrunden til pink, skal du erstatte "gul" i koden med "pink". Normalt opdaterer klokkerne displayet hvert sekund. For at ændre opdateringshastigheden ændres "1000" i koden til en anden værdi, som for eksempel 2000. Dette ændrer uret hvert andet sekund.
Referencer
- Microsoft MSDN: Introduktion til HTML-applikationer (HTA'er)
- W3Schools: JavaScript Date Object [på engelsk]