Klocka HTML-mallar

HTML-mallar för klocka för digital, analog och världstid

Ett klockgränssnitt har en synlig uppgift: att visa aktuell tid så att någon kan läsa den på en sekund. HTML-mallar för klocka tillhandahåller markup för visningen och resten av källfilerna, redo att redigeras och publiceras på din egen webbhotell. Inuti kan det finnas en digital avläsning, en analog urtavla eller en tavla med stadskort.

Att välja mellan siffror och urtavlor

En digital avläsning är den enklare utgångspunkten och behöver inte mycket mer än behållare för timmar, minuter och sekunder. En markör för AM/PM eller en 12-timmars/24-timmarsväxel sitter vanligtvis bredvid dem. En analog urtavla fungerar annorlunda eftersom urtavlan, timmarkeringarna och visarna behöver ett eget element innan ett skript vrider dem.

De flesta klockgränssnitt är sammansatta av några få igenkännbara delar:

• tidsvärden med en separat plats för sekunder
• tim- och minutvisare över en markerad urtavla
• en datumlinje, veckodagsetikett eller larmindikator
• ett stadsnamn och förskjutning för varje extra zon

Stadskort är där markeringen börjar upprepas, eftersom en tavla med åtta städer använder ett block åtta gånger. Nicepage Grid Repeater täcker det mönstret, och Grid Repeater Element-dokumentationen förklarar hur ett objekt definierar layouten för många poster. Produktrader för väggklockor upprepas på samma sätt.

Markering som uppdateras varje sekund

Två olika saker reser under samma namn här. Ibland skrivs tiden in i filen och flyttas aldrig, vilket är bra för en skärmdump och vilseledande i produktion. En fungerande klocka behöver JavaScript för att läsa lokal tid och skriva tillbaka den till de element som förberedts för den, medan en nedräkning kör samma idé bakåt mot ett datum.

Sekundvisaren är det ärliga testet. En demo kan se övertygande ut även om ingenting körs bakom den, så en förhandsvisning förtjänar några sekunder av din tid.

Läsbarhet på små skärmar

Klockor avläses på längre avstånd än de flesta gränssnittselement. Siffror som ser eleganta ut på en stationär dator förvandlas till grått mos på en telefon som hålls på armlängds avstånd, och en tunn sekundvisare försvinner mot ett upptaget fotografi.

Det folk justerar efteråt är sifferstilen, visarnas vikt och om displayen ser ljus eller mörk ut. Kontrasten är viktigast, eftersom en klocka som ingen kan läsa vid första anblicken har misslyckats med sin enda uppgift. Det hjälper att tidigt avgöra vilken av dessa du bygger, eftersom en enda klocka, en zontavla och en nedräkning börjar från olika element.