Hoe een digitale klok te maken

Video: How to Make A Simple Digital Clock At Home

Inhoud

routebeschrijving
tips
Referenties

Als u nog niet een ideaal digitaal klokmodel hebt gevonden, kunt u uw eigen eigen klokmodel maken met behulp van de HTA-programmeertaal. Met functies van Internet Explorer bevat deze taal alle HTML- en JavaScript-functies op uw bureaublad. Ontwikkelaars kunnen digitale klokken toevoegen aan webpagina's met behulp van een paar regels JavaScript. Met de HTA-taal is het echter mogelijk om aangepaste sjablonen te maken met behulp van CSS-eigenschappen.

routebeschrijving

Het is niet nodig om een fysieke klok te hebben om de tijd te kennen (Martin Poole / Photodisc / Getty Images)

Open Kladblok en plak de volgende verklaring in uw nieuwe document:

HTA-test

type = "text / css"> .clockStyle {border: thick dotted blue; achtergrondkleur: # FFFF00; breedte: 100 px; hoogte: 20px; text-align: center; }
Het "stijl" gedeelte van deze code, weergegeven aan het einde, definieert de klasse genaamd "clockStyle". Deze klasse bepaalt het uiterlijk van het horloge. Randattributen voegen bijvoorbeeld een grenslijn toe die 24 uur op 24 in blauw is gestippeld. De achtergrond is geel. Breedte- en hoogte-parameters karakteriseren de pixelresolutie van het object.
Voeg het volgende JavaScript-blok toe onder de code uit de vorige stap:

Let op de variabelen "windowWidth" en "windowHeight" bovenaan de code. Ze bepalen de grootte van het venster dat de digitale klok bevat. Wijzig deze waarden op elke gewenste manier.
Voeg de onderstaande code toe die in de laatste sectie is beschreven:

>

Dit zal het element "div" creëren, dat wil zeggen, het lichaam van de klok. Het kenmerk van uw klasse verwijst naar de CSS-stijldeclaratie die eerder is beschreven.
Druk tegelijkertijd op "Ctrl" en "S" en typ "DigitalClock.hta" in het veld "Bestandsnaam" dat wordt weergegeven in het venster "Opslaan als". Klik op "Opslaan" om de bestandsnaam op te slaan.
Open "Windows Verkenner" en zoek het bestand. Dubbelklik op het bestand om de digitale klok weer te geven.

tips

Pas de klok aan door de CSS-eigenschappen in het gedeelte "Stijl" van het document te wijzigen. Als u de achtergrond bijvoorbeeld wilt wijzigen in roze, vervangt u 'geel' in de code door 'roze'. Gewoonlijk werken de klokken het scherm elke seconde bij. Als u de vernieuwingsfrequentie wilt wijzigen, wijzigt u '1000' in de code in een andere waarde, zoals 2000. Hierdoor wordt de klok elke twee seconden gewijzigd.