Hur man gör en digital klocka

Innehåll

vägbeskrivning
tips
referenser

Om du inte hittat en idealisk digital klockmodell kan du skapa din egen med hjälp av HTA-programmeringsspråket. Med funktioner som tillhandahålls av Internet Explorer innehåller detta språk alla HTML och JavaScript-funktioner till skrivbordet. Utvecklare kan lägga till digitala klockor på webbsidor med några rader av JavaScript. Men med HTA-språket är det möjligt att skapa egna mallar med CSS-egenskaper.

vägbeskrivning

Det är inte nödvändigt att ha en fysisk klocka för att känna till tiden (Martin Poole / Photodisc / Getty Images)

Öppna anteckningsblock och klistra in följande påstående i ditt nya dokument:

HTA-test

typ = "text / css"> .clockStyle {gräns: tjock prickad blå; bakgrundsfärg: # FFFF00; bredd: 100px; höjd: 20px; text-align: center; }
Avsnittet "stil" i den här koden, som visas i slutet, definierar klassen "clockStyle". Denna klass bestämmer urets utseende. Till exempel lägger gränsattributen in en gränslinje prickad i blått dygnet runt. Bakgrunden är gul. Bredd och höjdparametrar karakteriserar objektets pixelupplösning.
Lägg till följande JavaScript-block under koden från föregående steg:

Notera "windowWidth" och "windowHeight" variablerna längst upp i koden. De kommer att styra storleken på fönstret som innehåller den digitala klockan. Ändra dessa värden som du vill.
Lägg till följande kod nedan som beskrivs i det sista avsnittet:

>

Detta kommer att skapa elementet "div", det vill säga klockans kropp. Attributet i din klass hänvisar till CSS-stildeklarationen, som beskrivits tidigare.
Tryck samtidigt på "Ctrl" och "S" och skriv "DigitalClock.hta" i fältet "Filnamn" som visas i fönstret "Spara som". Klicka på "Spara" för att spara filnamnet.
Öppna "Windows Explorer" och hitta filen. Dubbelklicka på filen för att visa den digitala klockan.

tips

Anpassa klockan genom att ändra CSS-egenskaperna i avsnittet "Style" i dokumentet. Till exempel, för att ändra bakgrunden till rosa, ersätt "gul" i koden med "rosa". Vanligtvis uppdaterar klockorna displayen varje sekund. För att ändra uppdateringshastigheten ändras "1000" i koden till ett annat värde, till exempel 2000. Detta ändrar klockan varannan sekund.