Uhr für deine Website

Diese Uhr verwendet HTML5- und JavaScript-Features, die von allen modernen Webbrowsern unterstützt werden. Die HTML5-Uhr holt sich die Zeitinformationen vom jeweiligen Betriebssystem und zeigt die aktuelle Ortszeit an. Du kannst entweder die entsprechenden Dateien herunterladen und auf deinem Webserver installieren oder den untenstehenden HTML-Code kopieren und in deine Website einfügen.

Die herunterladbare ZIP-Datei enthält die JavaScript- und CSS-Quellen sowie einige Beispiel-HTML-Dateien. Es gibt eine Zwölf- und Vierundzwanzig-Stunden-Uhr, einen Countdown-Timer und noch weitere Konfigurationsmöglichkeiten.

Zwölf-Stunden-Uhr

Download

Zwölf-Stunden-Uhr HTML-Code

<!--
FlipClock is licensed under the MIT license:

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
-->

<link rel="stylesheet" href="https://mczak.com/code/clock/css/mcclock.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://mczak.com/code/clock/js/mcclock.js"></script>

<div class="clock" style="margin:2em;"></div>
<script>
	var clock;
	$(document).ready(function() {
		clock = $('.clock').FlipClock({
			clockFace: 'TwelveHourClock'
		});
	});
</script>

Wenn dieser Code bei deinem Website-Provider nicht funktioniert, kannst du auch den folgenden HTML-Code mit IFrame-Befehl ausprobieren.

IFrame HTML-Code

24-Stunden-Uhr

Download

24-Stunden-Uhr HTML-Code

<!--
FlipClock is licensed under the MIT license:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

<link rel="stylesheet" href="https://mczak.com/code/clock/css/mcclock.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://mczak.com/code/clock/js/mcclock.js"></script>

<div class="clock" style="margin:2em;"></div>
<script>
	var clock;
	$(document).ready(function() {
		clock = $('.clock').FlipClock({
			clockFace: 'TwentyFourHourClock'
		});
	});
</script>

IFrame HTML-Code

Zusätzliche Quellen und Informationen

Es handelt sich bei der Uhr um eine modifizierte Version der Software FlipClock.js, die im Jahr 2013 von der Firma Objective HTML, LCC auf GitHub veröffentlicht wurde.

Sowohl für FlipClock.js als auch für das hier vorgestellte Clock-Widget von McZak gelten die Bestimmungen der MIT Lizenz. Die Software kann deshalb kostenlos heruntergeladen und genutzt werden.