Time.is

Kostenloses und anpassbares Uhr-Widget für die eigene Website.

Du möchtest eine exakte Uhr auf deiner Website? Oder das heutige Datum, die Uhrzeit des Sonnenauf- oder untergangs oder die Tageslänge? Stelle dir ein Widget zusammen und kopiere einfach den Code. Kostenlos.

Einstellungen

Ort
New York City, USA
Um den Ort zu ändern, verwende bitte das Suchfeld in der rechten oberen Ecke.
Dies soll angezeigt werden




Zeitformat



Datumsformat




 
Tag:
daynameMontag
dnameMo
daynum01-31
dnum1-31
day_in_yTag 1-366
Woche:
weekWoche 39
Monat:
monthnameSeptember
monthnum01-12
mnum1-12
Jahre:
year2017
yy17
Farbe und Größe
px
So wird es aussehen
Aktuelle Ortszeit in New York City:
Das finale Ergebnis kann anders aussehen, abhängig von den Style-Sheets deiner Webseite.
Du kannst das Widget mit CSS im Aussehen anpassen.

Dies ist der Code für dein eigenes Widget:

Nutzungsbedingungen

Fortgeschrittene Verwendung

Es gibt zwei Widgets-Skripte: Eine einfache Version, t.js, das nur die Zeit darstellt, und das Haupt-Widget-Skript, de.js, das die Zeit, das Datum, den Sonnenauf- und untergang und die Tageslänge anzeigt. Das Hauptskript ist in verschiedenen Sprachen verfügbar. Für andere Sprachen, ersetze das de im Skriptname mit dem Code für deine gewünschte Sprache.

Parameter für die Init-Funktion:

ParameterGültige WerteStandardwert
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
coordsDer Breiten- und Längengrad des Ortes. Wird für die Zeiten der Sonne und die Tageslänge benötigt.
idKombinierte ID des Ortes und der Zeitzone. Wird benötigt, wenn der Name des Ortes Non-ASCII-Zeichen enthält, oder wenn die Element-ID geändert wird.
callbackDer Name der Funktion, die jede Sekunde aufgerufen wird, mit dem zu Render-Template als Parameter (optional).

Bei den Namen der Parameter und Schlüsselworte muss die Groß- und Kleinschreibung beachtet werden. Du kannst HTML und anderen Content für die Parameter template, time_format, date_format and sun_format angeben.

Mehrere Uhren können so erstellt werden:

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/de.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>

Ergebnis:

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

The Werte der Parameter time_format, data_format, sun_format und template werden vererbt, d.h. du brauchst sie nicht noch einmal angeben, wenn der Wert gleich wie beim zuvor definierten Widget sein soll.

 
 
01:57:31
Montag, 25. September 2017, Woche 39
Sonne: ↑ 06:48 ↓ 18:47 (11h 59m) Weitere Informationen