Geschichte

Stand: 2017-11-01
Während der Arbeit an einer Uhr, fand ich eine bei cssanimation.rocks, um transitions zu lernen.
Als Ergebnis ist ein Uhr entstanden, entwickelt mit HTML, CSS, PHP, SVG und Javascript.

Programmierbare Funktionen sind

Hintergrund (4 Ziffern, 12 Ziffern, Bayerisch, Bahnhof)
Größe (10em .. 50em, in '5em' Schritten)
getrennte Farbgebung für Stunden, Minuten und Sekunden.
Zeiger (CSS, Bahnhof, Alt, Klassisch, ...)
Uhrzeigersinn (normal oder bayerisch)
Übergang (mit oder ohne)
Anlauf (mit oder ohne)
Wecker (mit oder ohne) mit Einstellung für Stunden und Minuten
Versatz mit Einstellung für Stunden und Minuten

Weil die eigene Homepage für 4 Sprachen ausgelegt ist, spricht die Uhr auch so Viele.
Übersetzung und CSS setup sind mit PHP realisiert.
Der eingestellter Zustand der Uhr wird in Cookies abgespeichert.
Es ist sogar möglich, die Uhr als einziges Objekt auf einer Seite zu stellen.

Funktionsübersicht

Die angezeigte (Datum und) Uhrzeit werden von der PC-Zeit abgeleitet.
Um einen Wert zu ändern, sollte man die entsprechende Taste drücken.

Element	Funktion	PHP	Min	Max	Bemerkung
Blatt	Hintergrund	clkart	0	8	0:Bavaria, 1:N-4, 2:Station, 3:N-12, 4:VdG-0, 5:VdG-R4, 6:VdG-R12, 7:VdG-R4F, 8:VdG-O12
	Farbe	ClkFarbeHG	0	6	0:rot, 1:weis, 2:schwarz, 3:blau, 4:grün, 5:orange, 6:lila
Größe		clksize	0	8	0:10em bis 8:50em, Schritt: 5em
Zeiger	Stunden	ClkZeigerFarbeH	0	6	0:rot, 1:weis, 2:schwarz, 3:blau, 4:grün, 5:orange, 6:lila
	Minuten	ClkZeigerFarbeM	0	6	0:rot, 1:weis, 2:schwarz, 3:blau, 4:grün, 5:orange, 6:lila
	Sekunden	ClkZeigerFarbeS	0	6	0:rot, 1:weis, 2:schwarz, 3:blau, 4:grün, 5:orange, 6:lila
	Form	ClkZeigerForm	0	8	0:CSS, 1:Alt, 2:Klassik, 3:Station(k), 4:Station(g), 5:VdG-1, 6:VdG-2, 7:VdG-3, 8:VdG-9
Sinn		clksinn	0	1	0:Bavaria, 1:Normal
Übergang		clktrans	0	1	0:mit, 1:ohne
Anlauf		clkstart	0	1	0:mit, 1:ohne
Wecker	Schalter	clkweckc	0	1	0:mit, 1:ohne
	Stunden	clkweckH	0	23	Eingabe
	Minuten	clkweckM	0	59	Eingabe
Hintergrund	Taste	-
	Farbe	clkBG	1	255	Eingabe (Nur Graustufen)
Sprache		clklang	1	4	1:DE, 2:US, 3:NL, 4:FR
Versatz	Taste	-
	Vorzeichen	clkdiffV	+	-	Eingabe
	Stunden	clkdiffH	0	23	Eingabe
	Minuten	clkdiffM	0	59	Eingabe
Pendel		ClkZeigerFarbeP	0	7	0:rot, 1:weis, 2:schwarz, 3:blau, 4:grün, 5:orange, 6:lila, 7:grau
	Schalter	clkpendel	0	1	0:mit, 1:ohne

Achtung: alle Tasten reagieren sofort. Wenn man also öfter druckt, wird die Uhr auch öfter wieder anlaufen.

Um den Wecker zu stellen, sollten vorerst Stunden [0..23] und Minuten [0..59] eingegeben und dann den Wecker auf mit gestellt werden.
Wenn der Wecker anschlägt, wechseln alle Zeiger die Farbe mit grau. Mit ohne kann der Wecker wieder abgestellt werden.

Vorhandene Farben: rot - weis - schwarz - blau - grün - orange - lila und grau (nur beim Anlauf und Wecker).

Mit einem Klick auf die Uhr kann das Menü ein- bzw. ausgeschaltet werden.
Klicken auf ? schaltet die Hilfe ein bzw. aus.

Ein Beispiel für den Aufruf der Uhr mit PHP Parametern:

https://vandergucht.de/clock/index.php: Hier steht die Uhr
clkart=0 : Blatt-Hintergrund: Bavaria
ClkFarbeHG=3 : Blatt-Farbe: blau
clksize=6 : Größe: 40em
ClkZeigerFarbeH=4 : Zeiger-Stunden: grün
ClkZeigerFarbeM=5 : Zeiger-Minuten: orange
ClkZeigerFarbeS=6 : Zeiger-Sekunden: lila
ClkZeigerFarbeP=0 : Pendel: rot
ClkZeigerForm=2 : Zeiger-Form: Klassik
clksinn=0 : Sinn: Bavaria
clktrans=0 : Übergang: mit
clkstart=1 : Anlauf: ohne
clkweckc=1 : Wecker-Schalter: ohne
clkBG=240 : Hintergrund-Farbe: 240
clklang=2 : Sprache: US
clkdiffV=+ : Versatz Vorzeichen: +
clkdiffH=0 : Versatz Stunden: 0
clkdiffM=0 : Versatz Minuten: 0

https://vandergucht.de/clock/index.php?clkart=0&ClkFarbeHG=3&clksize=6&ClkZeigerFarbeH=4&ClkZeigerFarbeM=5&ClkZeigerFarbeS=6&ClkZeigerFarbeP=0&ClkZeigerForm=2&clksinn=0&clktrans=0&clkstart=1&clkweckc=1&clkBG=240&clklang=2&clkdiffV=+&clkdiffH=0&clkdiffM=0

Weiterhin zu beachten:

Um den Hintergrund außerhalb der Uhr (in einem iframe?) zu steuern, kann in PHP zusätzlich der Parameter bg (am Ende!) angegeben werden. Z.B. &bg=#D2FFF0. **
Um die Einstellung bzw. eine Änderung der Darstellung der Uhr zu unterbinden, kann in PHP zusätzlich der Parameter noctrl angegeben werden. Z.B. &noctrl=1. **
Um die Uhr alleine -ohne sonstige 'Ballast'- darzustellen, soll der Aufruf mit index_min.php anstatt von index.php gemacht werden.
Die Uhr wechselt mit dem PHP Parameter clkauto automatisch die Farben. Alle 1 Minuten die der Zeiger und alle 5 Minuten die des Blattes. Z.B. &clkauto=12. **.
** = Nicht in Cookie gespeichert.

?	art		größe	zeiger				sinn	transition	anlauf	weckdienst			bg		versatz				pendel		sprache	DUW
Eingestellt
Einstellen auf