Sådan laver du et digitalt ur

Forfatter: Frank Hunt
Oprettelsesdato: 13 Marts 2021
Opdateringsdato: 17 Kan 2024
Anonim
Sådan laver du et digitalt ur - Artikler
Sådan laver du et digitalt ur - Artikler

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)
  1. Åbn notesblok og indsæt følgende sætning i dit nye dokument:

    HTA-test

    type = "text / css"> .clockStyle {kant: tykt prikket blå; baggrundsfarve: # FFFF00; bredde: 100px; højde: 20px; tekst-align: center; }

    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.


  2. 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.

  3. 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.

  4. Tryk samtidigt på "Ctrl" og "S" og skriv "DigitalClock.hta" i feltet "Filnavn" i vinduet "Gem som". Klik på "Gem" for at gemme filnavnet.

  5. Å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]