Uhrzeit

Hallo,

Mir ist die Uhr im Widgets zu klein und würde die gerne größer mittig platzieren. Am besten soll das ganze ohne externe Seite gehen.
Danke für die Ideen.

Ich habe diese hier ein wenig modifiziert:

HighCharts AnalogUhr

Gruß qinshi

Danke fuer die Antwort. Mir geht es aber um eine Digitale Uhr.
Ich hab das Tablet mit Tasker und Motion Detection ausgestattet und bekomm dann easy sobald ich winke den Sreen angezeigt. Von 2 Meter weg ist die Widget Uhr nicht lesbar, daher wollte ich eine groessere digitale Uhr.

Sonst noch jemand Ideen?

Ich hab es so!
Würde reichen?

Ich hab noch sowas in meiner Testumgebung gefunden:

<html>

    <head>
        <title>
          Digitaluhr
        </title>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <script type="text/javascript" src="./_js/jquery/dhtml.js"></script>
        <link rel="stylesheet" href="_css/webfront.css">

        <!-- script für laufendes Datum/Uhrzeit --------------------------------->
        <!-- ursprung: http://www.html-seminar.de/html-css-php-forum/board40-themenbereiche/board5-javascript/p13040-laufende-uhr/#post13040-->

        <script type="text/javascript">
        function ZeitAnzeigen () {
            var Wochentagname = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch",
                                        "Donnerstag", "Freitag", "Samstag");
            var Jetzt = new Date();
            var Tag = Jetzt.getDate();
            var Monat = Jetzt.getMonth() + 1;
            var Jahr = Jetzt.getYear();
            if (Jahr < 999)
            Jahr += 1900;
            var Stunden = Jetzt.getHours();
            var Minuten = Jetzt.getMinutes();
            var Sekunden = Jetzt.getSeconds();
            var WoTag = Jetzt.getDay();
            var Vortag = (Tag < 10) ? "0" : "";
            var Vormon = (Monat < 10) ? ".0" : ".";
            var Vorstd = (Stunden < 10) ? "0" : "";
            var Vormin = (Minuten < 10) ? ":0" : ":";
            var Vorsek = (Sekunden < 10) ? ":0" : ":";
            var Datum = Vortag + Tag + Vormon + Monat + "." + Jahr;
            var Datum2 = Wochentagname[WoTag] + " " + Datum;
            var Uhrzeit = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden;
            var Gesamt = Wochentagname[WoTag] + " " + Datum + ", " + Uhrzeit;
            if (DHTML) {
            //setContent("id", "Uhr", null, Gesamt);
            setContent("id", "Uhr", null, Uhrzeit);
            setContent("id", "Datum2", null, Datum2);
            window.setTimeout("ZeitAnzeigen()", 1000);
            }
        }
        </script>
        <!-- Ende script für laufendes Datum/Uhrzeit --------------------------------->
    </head>

    <body onLoad="window.setTimeout('ZeitAnzeigen()', 1000)">

        <table width=100%; height=100%>
            <tr>
                <td align="center"; valign="bottom">
                    <div id="Datum2" style="font-family:'arial';font-weight:bold; color:grey; font-size: 3em;">
                    </div>
                </td>
            </tr>
            <tr>
                <td align="center"; valign="top">
                    <div id="Uhr" style="font-family:'arial';font-weight:bold; color:grey; font-size: 10em;">
                    </div>
                </td>
            </tr>
        </table>
        
    </body>

</html>


Einfach in eine neue .html unter Webfront/user/… kopieren und im WF als externe Seite verlinken.

PS: anbei noch die dhtml.js (einfach die Dateiendung in .js ändern) und den Pfad im Script anpassen.

dhtml.txt (4.04 KB)

hallo wolfgang,

danke für die uhr, würde diese gern verwenden.
wenn ich den code einkopiere und als exteren seite verlinke, bekomme ich nur eine „grau“ seite angezeigt.

muss ich noch etwas anpassen?
hab ich etwas überlesen?

herzlichen dank im voraus

grüße

sascha

Hallo Sascha,

hatte die dhtml.js vergessen. Die benötigst du. Einfach die jetzt im vorigen Post angehängte .txt in Deine Struktur in Webfront/user/… speichern und die Dateiendung in .js ändern. Dann noch den Pfad zur .js im Script anpassen.

Den Verweis zur webfront.css kannst du vermtl. auch entfernen. Ist glaub ich nicht nötig.

Und hier gibts noch ne Version die ähnlich aber ohne die dhtml.js funktioniert: Uhrzeit darstellen im Webfront (HTML, Flash Lösung?)

Danke

… könnt Ihr mir bitte kurz helfen, wie lautet der komplette Pfad auf dem aktuellen Jessie und 4.0. IPS?

Danke - Andreas

Sorry, hab kein IPS auf Linux am laufen.

Wofür möchtest du den nutzen?

Eigentlich nimmt man immer Pfade relativ zu webfront bzw. user.

Ich habe die html Datei auf dem RPi im Verzeichniss /var/lib/symcon/webfront/user erstellt und im IPS für die Externe Seite bei URL user/datei.html eingetragen - im webbrowser sehe ich dann nur file not found

funktioniert bei mir. Sicher kein Schreibfehler? Datei manuell abgelegt und die Rechte passen nicht?

Kannst du http://<ip>:<port>/user/datei.html aufrufen?

Danke Ralf!!! Das hilft mir sehr das Problem einzugrenzen. Ich habe jetzt eine simple html Datei mit den gleichen Rechten, an die gleiche Stelle kopiert - und es funktioniert. D.h. das Problem muss also eher am Inhalt der html Datei liegen :confused: (Eigentlich wollte ich nur geschwind die Uhr von Wolfgang einbinden)

Jedenfalls vielen Dank Ralf!!!
LG - Andreas

Allgemeiner Tip:
Pfade IPS
Bis Raspi runterspulen

Danke Rainer - das hilft!!!

@Heinzzuhaus: Was genau benutzt Du für Deine Wetter- und Uhranzeige aus Deinem Post auf Seite 1? Magst Du einmal Deinen Code sharen? :slight_smile:

Viele Grüße
Peter

Moin,
vielen dank für die Uhr…werde das heute nachmittag mal Probieren.

Brauche ich dafür noch ein Extra HTML-Programm oder kann ich das über ein IPS-Skript machen?

Sodele…
mittlerweile bekomme ich die Uhr im Browser angezeigt…Jedoch klappt mit diesem Link die Einbindung als Externe Seite in Symcon nicht
Dort steht „file not found“

Warum ist das so?

Den Pfad habe ich entsprechend der Beschreibung angepasst

Versuch es relativ mit user/…, also ohne den absoluten Pfad.