×

Gratis och anpassningsbar klockwidget för din egna webbsida

Vill du ha en exakt klocka på din egna hemsida? Eller dagens datum, soluppgång, solnedgång eller dagslängd? Välj bara ett alternativ nedan och kopiera koden! Det är gratis!

Alternativ

Plats
New York, USA
För andra platser, använd sökrutan uppe i högra hörnet.
Att visa




Tidformat



Datumformat




 
Dag:
daynamemåndag
dnamemån
daynum01-31
dnum1-31
day_in_ydag 1-366
Vecka:
weekvecka 12
Månad:
monthnamemars
monthnum01-12
mnum1-12
År:
year2024
yy24
Färg och storlek
px
Hur det kommer att se ut:
Aktuell lokal tid i New York:
Det färdiga resultatet kan se annorlunda ut, beroende på style sheets på din hemsida.
Du kan formge widgeten hur du vill med CSS.

Det här är koden för din egna webbklocks-widget:

Termer för användning

Avancerat användande

Det finns två widget scripts: En simpel version, t.js, som bara visar tid, och huvudscriptet, sv.js, som kan visa tid, datum, soluppgång, solnedgång och dagslängd. Huvudscriptet är tillgängligt på flera språk. För andra språk ersätt sv i scriptnamnet med koden för ditt utvalda språk.

Parametrer för initfunktionen:

ParameterGiltliga nyckelordFörvalt värde
templateTIME, DATE, SUNTIME
time_formathours, minutes, seconds, 12hours, AMPMhours:minutes:seconds
date_formatdayname, dname, daynum, dnum, day_in_y, week, monthname, monthnum, mnum, yy, yearyear-monthnum-daynum
sun_formatsrhour, srminute, sr12hour, srAMPM, sshour, ssminute, ss12hour, ssAMPM, dlhours, dlminutessrhour:srminute-sshour:ssminute
coordsPlatsens latitud och longitud. Behövs för att visa soltider och daglängder.
idKombinerad ID av platsen och tidszonen. Behövs om platsens namn innehåller ej-ascii bokstäver, eller om du ändrar element-id.
callbackNamnet på en funktion som blir kallad varje sekund, med renderat innehåll som parameter (valfritt).

Parameternamn och nyckelord är skiftlägeskänsliga. Du kan lägga till html och annat innehåll till template, time_format, date_format och sun_format parametrer.

Mångfaldiga klockor kan skapas såhär:

UTC time: <span id="UTC_za00"></span><br/>
New York sunrise time: <span id="New_York_z161"></span><br/>
Tokyo sunrise time: <span id="Tokyo_z444"></span><br/>
Find the <a href="https://time.is/" id="time_is_link" rel="nofollow">current time for any location or time zone on Time.is!</a>
<script src="//widget.time.is/sv.js"></script>
<script>
time_is_widget.init({
	UTC_za00 : {},
	New_York_z161 : {
		template: "SUN",
		sun_format: "srhour:srminute",
		coords: "40.71427,-74.00597"
		},
	Tokyo_z444 : {
		coords: "59.33258,18.06490"
		}
	});
</script>

Resultat:

UTC time:
New York sunrise time:
Tokyo sunrise time:
Find the current time for any location or time zone on Time.is!

Värdena av time_format, date_format, sun_format och template-parametrarna är ärvda, så du inte behöver repetera dem om värdet är samma som för den föregående definierade widgeten.

 
 
måndag 18 mars 2024, vecka 12
Sol: ↑ 07:00 ↓ 19:08 (12t 8m) - Mer info - Sätt New York som hemplats - Ta bort från favoritplatser