FTUI Widget - Analogclock

Hier mein FTUI Widget zur Anzeige einer analogen Uhr.

 widget analogclock

 

<div data-type="analogclock">
</div>

 

data-size Ändert die Größe der Uhr in Pixel.
data-body

Ändert das "Drumherum" der Uhr. Möglicher Inhalt:

none    =   transparenter Hintergrund
round   =   rundes, schwarzes Gehäuse. STANDARD
small    =   runder, weißer Hintergrund.
green   =   rundes, grünes Gehäuse (Österreich).
square  =   quadratisches, blaues Gehäuse (Deutsche Bahn)
vienna   =   Wiener Würfeluhr

data-body-color Ändert die Hintergrundfarbe des Ziffernblatts.
data-stroke-color Ändert die "Gehäusefarbe" bei data-body="round" bzw. den Standardwerten.
data-dial

Ändert die Darstellung des Ziffernblatts.

none    =   Ohne Zifferblatt.
hour    =   Zifferblatt mit Stundenstrichen (DIN 41091, Teil 3).
full       =   Zifferblatt mit Minuten- und Stundenstrichen (DIN 41091, Teil 1). STANDARD
austria  =   Zifferblatt mit Minuten- und Stundenstrichen (Österreich)
swiss    =   Zifferblatt mit Minuten- und Stundenstrichen (Schweiz/Bauhaus)
vienna   =   Zifferblatt mit Minuten- und Stundenstrichen (Wiener Würfeluhr)

data-dial-color Änder die Farbe der Stunden- und Minutenstriche.
data-hour

Änder das Aussehen des Stundenzeigers.

pointed   =   spitzer Balkenzeiger (DIN 41092, Teil 3) STANDARD
bar         =   stumpfer Balkenzeiger (Deutsche Bahn)
swiss      =   stumpfer, keilförmiger Zeiger (Schweiz/Bauhaus)
vienna    =   Wiener Würfeluhr

data-hour-color Änder die Farbe des Stundenzeigers.
data-minute

Änder das Aussehen des Minutenzeigers.

pointed   =   spitzer Balkenzeiger (DIN 41092, Teil 3) STANDARD
bar         =   stumpfer Balkenzeiger (Deutsche Bahn)
swiss      =   stumpfer, keilförmiger Zeiger (Schweiz/Bauhaus)
vienna    =   Wiener Würfeluhr

data-minute-color Änder die Farbe des Minutenzeigers.
data-second

Ändert das Aussehen des Sekundenzeigers.

none       =   ohne Sekundenzeiger
hole        =   Loch-Zeiger (DIN 41071, Teil 2)
bar         =   Keil-Zeiger (DIN 41071, Teil 1) STANDARD
swiss      =   Kellen-Zeiger (Schweiz)
longhole  =   Loch-Zeiger (Deutsche Bahn)

data-second-color Änder die Farbe des Sekundenzeigers.
data-boss

Ändert das Aussehen des Mittelpunkt's / der Achsabdeckung.

small      =   kleiner Mittelpunkt
medium  =   mittelgrpßer Mittelpunkt
big         =   großer Mittelpunkt
none      =   kein Mittelpunkt

data-boss-color Änder die Farbe des Mittelpunkt's / der Achsabdeckung.
data-mbehave

Verhalten des Minutenzeigers.

bounce   =   springender Minutenzeiger STANDARD
ebounce  =   springender und federnder Minutenzeiger
creep      =   schleichender Minutenzeiger

data-sbehave

Änder das Verhalten des Sekundenzeigers.

bounce   =   springender Sekundenzeiger STANDARD
ebounce  =   springender und federnder Sekundenzeiger
creep      =   schleichender Sekundenzeiger
hasty      =   voreiliger Sekundenzeiger

   
data-date-color Zeigt das aktuelle Datum in der angegebenen Farbe im Ziffernblatt (über allem. Zeiger liegen hinter dem Datum).
Ohne data-date-color wird kein Datum dargestellt!

 

information 32 Die Uhr basiert auf der "Bahnhofsuhr" von 3quarks.com - Rüdiger Appel

 

Datei Größe Datum
widget_analogclock.zip 6 kB 11.06.2017

 

Grüße^^

 

Kommentare  

0 # Fehlermeldung Analoguhrd.kotte 2017-10-14 10:23
Hallo,
ich würde gern die AnalogUhr nutzen, bekomme aber nach dem Enbinden einde fehlermeldung vom FTUI.

ERROR
widget_analogclock%22.js:1
SyntaxError: missing ; before
statement

eine Idee, woran das liegen könnte?
Antworten | Antworten mit Zitat | Zitieren
0 # [gelöst] Fehlermeldung Analoguhrd.kotte 2017-10-15 19:36
klassischer copy7paste Fehler...
es fehlten die ersten Anführungszeichen im Beispiel.
Antworten | Antworten mit Zitat | Zitieren
0 # Analog ClockRalf Raimann 2017-07-03 20:47
Hallo,

ich würde gerne die Analog-Clock für meine privaten FHME "Gehversuche" nutzen.
Bin leider ziemlicher Anfänger, daher zwei Fragen:
- Darf ich es benutzen
- Was muss ich zur Installation tun

VIELEN DANK vorab

Ralf Raimann
Antworten | Antworten mit Zitat | Zitieren