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
Nutzungsbedingungen
- Es muss einen deutlich sichtbaren Link zu Time.is auf deiner Webseite geben. Du kannst den Linktext umformulieren oder übersetzen, aber er muss Time.is, time, oder den Ortsnamen (Central European Summer Time) oder Zeitzone (UTC) enthalten.
- Deine Webseite darf sich nicht automatisch aktualisieren.
- Eine Verwendung in Apps oder Skripten ist nicht erlaubt.
- Es besteht kein Anspruch auf Garantie oder Gewährleistung.
- Das Widget wird kostenlos zur Verfügung gestellt.
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:
| Parameter | Gültige Werte | Standardwert |
| template | TIME, DATE, SUN | TIME |
| time_format | hours, minutes, seconds, 12hours, AMPM | hours:minutes:seconds |
| date_format | dayname, dname, daynum, dnum, day_in_y, week, monthname, monthnum, mnum, yy, year | year-monthnum-daynum |
| sun_format | srhour, srminute, sr12hour, srAMPM, sshour, ssminute, ss12hour, ssAMPM, dlhours, dlminutes | srhour:srminute-sshour:ssminute |
| coords | Der Breiten- und Längengrad des Ortes. Wird für die Zeiten der Sonne und die Tageslänge benötigt. | |
| id | Kombinierte 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. | |
| callback | Der 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:
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.
