Analoge Uhr mit eigenen Hintergrundbild 
Auteur : Uwe K.
Visité 216,
Followers 1,
Partagé 0
Hallo
hat jemand sich schon mal mit einer analogen Uhr mit eigenen Hintergrund des Ziffernblattes beschäftigt. Es gibt ja Uhren, aber da lassen sich die Hintergründe nicht so einfach auswechsel. Vileicht hat einer eine kleinen Hinweis!
Danke und guten Rutsch ins 2025
Posté le
Getestet habe ich es noch nicht, aber hier mal der Link mit HTML-, CSS- und Javascript-Code.
Das YouTube Video mit über 1 Std in schnellem und schlechten Englisch ist Zeitverschwendung.
>> https://www.tutorjoes.in/JS_tutorial/analog_clock_in_js
-----
Hier noch ein Screenshot aus dem Web-Entwicklertool von Firefox, das das ganze Hintergrundbild und die Stelle im CSS-Code anzeigt.
-----
Auteur
Hallo Daniel,
DANKE - Leider bekomme ich die Uhr nicht zum laufen. Hatte bis jetzt noch nichts mit js zu tun. habe folgendes gemacht - Script.js angelegt, mit dem Inhalt wie in der Vorlage da ist. diese auf Server gelegt in den Pfad ...js/Script.js. Html und Php in die entsprechenden Felder eingebunden - wie Websitex5 vorgibt. und gestartet. Hintergrund geht zu ändern - zeiger lassen sich ändern - aber die Uhr läuft nicht loß bleibt bei 12:00 stehen. Vileicht kann mir einer einen Tip geben.
Danke Uwe
Meine Testseite >> https://findelinks.de/123test-aufklappmenue/analoge-uhr.html
Kleine Anleitung:
A) Verwendete Bilder
Hintergrundbild:
https://www.tutorjoes.in/public/js_program/03_analog_clock/images/bg.jpg
Die beiden Zeiger:
https://www.tutorjoes.in/public/js_program/03_analog_clock/images/hrs.png
https://www.tutorjoes.in/public/js_program/03_analog_clock/images/min.png
B) Eingefügter Code
Ich habe den ganzen Code in das Objekt "HTML Code" eingefügt, siehe Screenshots
-----
-----
-----
Auch die Bilder hochladen , z.B. über das FTP-Fenster von WebSite X5, siehe Screenshot
Ich hoffe, dass ich alles erwähnt habe, ansonsten nachfragen.
-----
Auteur
Hallo Daniel
das ist alles Soweit klar- es funktioniert soweit auch mit Body und externe is-Datei. Nur die Uhr läuft nicht los bei mir. Irgendwas mache ich in der taktabfrage fasch - oder irgendwas sperrt die Taktfunktion.
siehe https://chemnitz-modellbahn.de/seite-24.html
Danke - Gruß uwe
Beim Javascript-Code fehlt oben die spitze Klammer > und unten das schliessende </script>.
-----
Auteur
hallo habe ich gemacht - trotzdem kein zucken des Zeigers! Code siehe Anhang - ab zeile 45 dann im erweiterten-HTML Code-CSS.
Danke für die Unterstützung
Wenn der CSS-Code nicht im Objekt "HTML Code" unter "Erweitert" eingefügt wird, dann muss zusätzlich noch <style> am Anfang und </style> am Ende hinzugefügt werden.
Gib den ganzen Code (Datei im Anhang) den ich korrigiert habe in ein HTML-OBjekt rein.
Auteur
Ich danke euch für die Hilfe - funktioniert perfekt! Mann lernt eben immer dazu und das mit hilfe.
guten Rutsch ins 2025 und für alle Gesundheit!
Gruß uwe