Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Die Wort-Uhr

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    11
    1
    492

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.7k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.6k

Die Wort-Uhr

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
53 Beiträge 9 Kommentatoren 7.2k Aufrufe 17 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • OliverIOO OliverIO

    @liv-in-sky @Homoran

    ich habe da mal was probiert.
    Das ist dann halt erstmal nur ein Schmalspur widget, für das ich nicht einen eigenen adapter machen wollte, sondern einer meiner vorhandenen wiederverwenden wollte.

    e70de685-6576-4090-b359-9846f8dc4c8f-image.png
    als grundvoraussetzung muss man dafür den adapter
    iobroker.rssfeed von latest in version 0.9 installieren.
    In diesem habe ich bereits seit längerem ein, meiner Meinung nach sehr flexibles widget mit drin. Details können hier nachgelesen werden:
    https://forum.iobroker.net/topic/31521/test-widget-json-template?_=1627822900277
    Dieses widget bietet ein template system an, mit dem diverse daten in html/javascript und css integriert und oder transformiert werden kann.

    Nach Installation muss man in vis das widget JSON Template2 hinzufügen.
    Danach müssen die folgenden 2 Attribute des widgets gefüllt werden:

    json_template

    <style> 
    .ledback {
       background-color: green;
       border-radius: 50%;
       position: relative;
    }
    .ledfront {
       position: absolute;
       border-radius: 50%;
       background-color: red;
    }
    .ledfront.active {
       background-color: blue;
    }
       
    </style>
    <%
    //debugger;
    var iobLed = {
       widgetID:   "w00014",
       count:      16,
       frontR:     5,
       position:     1,
       pi:         Math.PI,
       active:     Object.values(dp)[0]||"",
       start: function() {
           var $back = $('#' + iobLed.widgetID + " .ledback");
           if (!$back.length) {
               return setTimeout(function () {
                   this.start();
               }.bind(this), 100);
           }
           var $widget = $('#' + this.widgetID);
           $back.empty();
           var backR = Math.min($widget.height(),$widget.width())/2;
           $back.width(backR*2).height(backR*2);
           var cnt=0;
           radius = backR*this.position-this.frontR;
           //debugger;
           var active = this.parse(this.active);
           for(var angle = 0; angle < 2 * this.pi; angle += 2 * this.pi / this.count) {
               $back.append(
                   $('<div class="ledfront'+(active.includes(cnt)?" active":"")+'">').css({
                    left: backR - this.frontR + radius * Math.cos(angle-this.pi/2) + 'px',
                    top:  backR - this.frontR + radius * Math.sin(angle-this.pi/2) + 'px',
                    width:  this.frontR * 2 + 'px',
                    height: this.frontR * 2 + 'px'
                   })
               );
               cnt++;
           }
       },
       parse: function(string) {
           const numbers = [];
           for (const [, beginStr, endStr] of string.matchAll(/(\d+)(?:-(\d+))?/g)) {
               const [begin, end] = [beginStr, endStr].map(Number);
               numbers.push(begin);
               if (endStr !== undefined) {
                   for (let num = begin + 1; num <= end; num++) {
                     numbers.push(num);
                 }
               }
           }
           return numbers;
       }
    }
    //debugger;
    $('#' + iobLed.widgetID + " .ledback").remove();
    iobLed.start();
    %>
    <div class="ledback"></div>
    
    

    und

    rss_dp[1] mit einem beliebigen datenpunkt mit typ Text

    Die Farben und Anzahl der LEDs können im Template gepflegt werden:

    widgetID:     "w00001",
    count:        16,
    frontR:       5,
    position:     1,
    

    widgetID: aktuell kann das template sich in vis noch nicht selbst finden. daher muss die widgetID des widgets hier eingegeben werden
    count: Die Anzahl der LEDs
    frontR: der Radius einer LED
    position: Die Position der LEDs. 1=ganz außen, .5 die hälfte des Radius des widgets, 0 ganz innen, macht aber kein Sinn.

    Das Layout kann per css ebenfalls im Template angepasst werden:

    <style> 
    .ledback {
        background-color: green;
        border-radius: 50%;
        position: relative;
    }
    .ledfront {
        position: absolute;
        border-radius: 50%;
        background-color: red;
    }
    .ledfront.active {
        background-color: blue;
    }
        
    </style>
    

    ledback ist der runde Hintergrund
    ledfront ist das design einer einzelnen led
    ledfront.active ist das design einer aktiven led

    die postion argumente müssen so bleiben, der Rest kann angepasst werden.

    Im Standard sind alle LEDs aus. Also das Design von ledfront wird angezeigt.
    Zum Einschalten ein oder mehrerer LEDs kann der verknüpfte Datenpunkt verwendet werden. Die folgende Auflistung hat die Basis 0, also die erste LED hat die Nummer 0
    Zum aktivieren von LED 0, LED2 und LED 5-8 kann in den Datenpunkt folgendes eingetragen werden:

    0,2,5-8
    
    sigi234S Offline
    sigi234S Offline
    sigi234
    Forum Testing Most Active
    schrieb am zuletzt editiert von
    #43

    @oliverio

    Hallo, funktioniert bei mir. Aber ich verstehe den Zusammenhang mit der Wort-Uhr jetzt nicht.
    Noch eine Frage kann man auch einen Led-Balken machen?

    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
    Immer Daten sichern!

    OliverIOO 1 Antwort Letzte Antwort
    0
    • sigi234S sigi234

      @oliverio

      Hallo, funktioniert bei mir. Aber ich verstehe den Zusammenhang mit der Wort-Uhr jetzt nicht.
      Noch eine Frage kann man auch einen Led-Balken machen?

      OliverIOO Offline
      OliverIOO Offline
      OliverIO
      schrieb am zuletzt editiert von
      #44

      @sigi234
      das war ein beitrag zur zwischendiskussion von @Homoran und @liv-in-sky
      ab hier https://forum.iobroker.net/topic/46636/die-wort-uhr/38?_=1627814293977

      Meine Adapter und Widgets
      TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
      Links im Profil

      OliverIOO 1 Antwort Letzte Antwort
      0
      • OliverIOO OliverIO

        @sigi234
        das war ein beitrag zur zwischendiskussion von @Homoran und @liv-in-sky
        ab hier https://forum.iobroker.net/topic/46636/die-wort-uhr/38?_=1627814293977

        OliverIOO Offline
        OliverIOO Offline
        OliverIO
        schrieb am zuletzt editiert von OliverIO
        #45

        Das Widget ist nun im Adapter mytime in Version 0.7.0 auf latest verfügbar.
        In Rund habe ich es nicht umgesetzt. Auc habe ich den Informationswert auf das nötigste reduziert. Mit vorhandenen widgets kann das Datum im view ja noch hinzugefügt werden.

        https://forum.iobroker.net/topic/33376/test-adapter-mytime-v0-1-x/228?_=1627932352461

        Meine Adapter und Widgets
        TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
        Links im Profil

        L 1 Antwort Letzte Antwort
        0
        • OliverIOO OliverIO

          Das Widget ist nun im Adapter mytime in Version 0.7.0 auf latest verfügbar.
          In Rund habe ich es nicht umgesetzt. Auc habe ich den Informationswert auf das nötigste reduziert. Mit vorhandenen widgets kann das Datum im view ja noch hinzugefügt werden.

          https://forum.iobroker.net/topic/33376/test-adapter-mytime-v0-1-x/228?_=1627932352461

          L Offline
          L Offline
          Langer
          schrieb am zuletzt editiert von
          #46

          Hallo zusammen,
          bin dabei die Uhr auf Minutengenaue Anzeige umzubauen.

          Nun wird trefflich darüber gestritten, wie der Text für z.B. 1:38 Uhr aus zusehen hat. Hier ein paar Vorschläge:

          es ist ein Uhr Acht und Dreissig
          es ist acht und dreissig minuten nach eins
          es ist acht minuten nach halb zwei
          es ist zwei und zwanzig minuten vor zwei

          Groß und klein Schreibung ist egal.

          Die Uhr hat eine 16x16 Matrix.

          Gibt es irgendwo eine DIN die das regelt?

          Für Antworten bin ich sehr Dankbar!!

          MfG
          Wastl

          OliverIOO 1 Antwort Letzte Antwort
          0
          • L Langer

            Hallo zusammen,
            bin dabei die Uhr auf Minutengenaue Anzeige umzubauen.

            Nun wird trefflich darüber gestritten, wie der Text für z.B. 1:38 Uhr aus zusehen hat. Hier ein paar Vorschläge:

            es ist ein Uhr Acht und Dreissig
            es ist acht und dreissig minuten nach eins
            es ist acht minuten nach halb zwei
            es ist zwei und zwanzig minuten vor zwei

            Groß und klein Schreibung ist egal.

            Die Uhr hat eine 16x16 Matrix.

            Gibt es irgendwo eine DIN die das regelt?

            Für Antworten bin ich sehr Dankbar!!

            MfG
            Wastl

            OliverIOO Offline
            OliverIOO Offline
            OliverIO
            schrieb am zuletzt editiert von OliverIO
            #47

            @langer

            ob das in einer 16x16 matrix geht? Alle Minuten voll darzustellen?
            Ich denke da benötigt man eine größere Matrix.
            Du musst halt alle Wortbestandteile der Minuten von
            eins,zwei,drei-9 zusätzlich aufnehmen, damit du auch 2:02 darstellen kannst.
            Dann die ganzen 10er (also zehn, zwanzig,dreißig)
            Dann die ganzen unregelmäßigen nochmal (elf,zwölf) für 11:11
            das Wort und und Minuten
            Dann kannst du bspw für 11:11 schreiben
            Es ist elf Uhr und elf Minuten
            oder
            für 11:37
            Es ist elf Uhr und sieben und dreißig Minuten

            die word-clock wurde mittlerweile als widget im mytime-adapter aufgenommen.
            die minuten werden dort auf einer 5 Minuten Basis angezeigt, also 5,10,15,20 etc.
            Die Minuten 1-4 werden über Punkte in den jeweiligen Ecken angezeigt
            Die Sekunden über Punkte die einmal um die Matrix herum laufen.

            Meine Adapter und Widgets
            TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
            Links im Profil

            L 1 Antwort Letzte Antwort
            0
            • OliverIOO OliverIO

              @langer

              ob das in einer 16x16 matrix geht? Alle Minuten voll darzustellen?
              Ich denke da benötigt man eine größere Matrix.
              Du musst halt alle Wortbestandteile der Minuten von
              eins,zwei,drei-9 zusätzlich aufnehmen, damit du auch 2:02 darstellen kannst.
              Dann die ganzen 10er (also zehn, zwanzig,dreißig)
              Dann die ganzen unregelmäßigen nochmal (elf,zwölf) für 11:11
              das Wort und und Minuten
              Dann kannst du bspw für 11:11 schreiben
              Es ist elf Uhr und elf Minuten
              oder
              für 11:37
              Es ist elf Uhr und sieben und dreißig Minuten

              die word-clock wurde mittlerweile als widget im mytime-adapter aufgenommen.
              die minuten werden dort auf einer 5 Minuten Basis angezeigt, also 5,10,15,20 etc.
              Die Minuten 1-4 werden über Punkte in den jeweiligen Ecken angezeigt
              Die Sekunden über Punkte die einmal um die Matrix herum laufen.

              L Offline
              L Offline
              Langer
              schrieb am zuletzt editiert von
              #48

              @oliverio

              Dank für die Antwort,
              es geht mit der 16x16 Matrix, habe sie schon fast fertig. Mir geht es hauptsächlich und die RICHTIGE Scheibweise, habe gegoogelt wie verrückt aber keinen Hinweis gefunden.

              Werde es dann so machen
              "Es ist elf Uhr und drei und zwanzig Minuten";
              "Es ist fünf nach halb zwei";
              "Es ist ein Uhr und acht und dreissig Minuten".

              MfG
              Wastl

              L 1 Antwort Letzte Antwort
              0
              • L Langer

                @oliverio

                Dank für die Antwort,
                es geht mit der 16x16 Matrix, habe sie schon fast fertig. Mir geht es hauptsächlich und die RICHTIGE Scheibweise, habe gegoogelt wie verrückt aber keinen Hinweis gefunden.

                Werde es dann so machen
                "Es ist elf Uhr und drei und zwanzig Minuten";
                "Es ist fünf nach halb zwei";
                "Es ist ein Uhr und acht und dreissig Minuten".

                MfG
                Wastl

                L Offline
                L Offline
                Langer
                schrieb am zuletzt editiert von
                #49

                Hier das erste Bild der neuen Uhr:

                minutenuhr.png

                Bitte keine Kommentare zu den Farbe, alles ist einstellbar!

                Wie findet Ihr die Darstellung der Uhrzeit.

                Bin noch dran, es wird noch einen Countdown geben, der am 31.12 23:01, die Minuten bis zum Neujahr darstellt.

                MfG
                Wastl

                L 1 Antwort Letzte Antwort
                1
                • L Langer

                  Hier das erste Bild der neuen Uhr:

                  minutenuhr.png

                  Bitte keine Kommentare zu den Farbe, alles ist einstellbar!

                  Wie findet Ihr die Darstellung der Uhrzeit.

                  Bin noch dran, es wird noch einen Countdown geben, der am 31.12 23:01, die Minuten bis zum Neujahr darstellt.

                  MfG
                  Wastl

                  L Offline
                  L Offline
                  Langer
                  schrieb am zuletzt editiert von
                  #50

                  Die Uhr ist soweit fertig und wird dem nächst hier eingestellt.

                  Ich habe nur eine Frage:

                  Ist der Befehl
                  "let cronNeujahr = "01 23 31 12 *";"
                  soweit richtig, das er jedes Jahr am 31.12 um 23:01 Uhr startet?

                  MfG

                  Wastl

                  OliverIOO 1 Antwort Letzte Antwort
                  0
                  • L Langer

                    Die Uhr ist soweit fertig und wird dem nächst hier eingestellt.

                    Ich habe nur eine Frage:

                    Ist der Befehl
                    "let cronNeujahr = "01 23 31 12 *";"
                    soweit richtig, das er jedes Jahr am 31.12 um 23:01 Uhr startet?

                    MfG

                    Wastl

                    OliverIOO Offline
                    OliverIOO Offline
                    OliverIO
                    schrieb am zuletzt editiert von
                    #51

                    @langer said in Die Wort-Uhr:

                    let cronNeujahr = "01 23 31 12 *";

                    an wen geht die Frage? In welchem Kontext?
                    Wenn du wissen willst, ob das ein gültiger Datumsausdruck ist, dann Nein
                    eaa78a72-fb92-40e6-b265-ef5d2e02a09c-image.png

                    Ein gültiger Datumsausdruck wäre

                    new Date("2022-12-31 23:01")
                    

                    Meine Adapter und Widgets
                    TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                    Links im Profil

                    L 1 Antwort Letzte Antwort
                    0
                    • OliverIOO OliverIO

                      @langer said in Die Wort-Uhr:

                      let cronNeujahr = "01 23 31 12 *";

                      an wen geht die Frage? In welchem Kontext?
                      Wenn du wissen willst, ob das ein gültiger Datumsausdruck ist, dann Nein
                      eaa78a72-fb92-40e6-b265-ef5d2e02a09c-image.png

                      Ein gültiger Datumsausdruck wäre

                      new Date("2022-12-31 23:01")
                      
                      L Offline
                      L Offline
                      Langer
                      schrieb am zuletzt editiert von
                      #52

                      @oliverio

                      Guten Morgen,

                      let cronNeujahr = "01 23 31 12 *";
                      
                      function istSilvester() {
                      
                      };
                      
                      schedule(cronNeujahr, function () {istSilvester();}); !
                      
                      

                      MfG
                      Wastl

                      L 1 Antwort Letzte Antwort
                      0
                      • L Langer

                        @oliverio

                        Guten Morgen,

                        let cronNeujahr = "01 23 31 12 *";
                        
                        function istSilvester() {
                        
                        };
                        
                        schedule(cronNeujahr, function () {istSilvester();}); !
                        
                        

                        MfG
                        Wastl

                        L Offline
                        L Offline
                        Langer
                        schrieb am zuletzt editiert von
                        #53

                        Guten Morgen zusammen,

                        hier die Uhr mit Minuten Anzeige:

                        Screenshot:


                        Uhr.png

                        View:


                        012_MinutenUhr.txt

                        Skript:


                        MinutenUhr.js

                        Datenpunkte;


                        0_userdata.0.vis.MinutenUhr.json

                        Die Silverstergeschichte ist noch in Arbeit:

                        Viel Spaß mit der Uhr

                        MfG
                        Wastl

                        1 Antwort Letzte Antwort
                        0
                        Antworten
                        • In einem neuen Thema antworten
                        Anmelden zum Antworten
                        • Älteste zuerst
                        • Neuste zuerst
                        • Meiste Stimmen


                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        365

                        Online

                        32.5k

                        Benutzer

                        81.8k

                        Themen

                        1.3m

                        Beiträge
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                        ioBroker Community 2014-2025
                        logo
                        • Anmelden

                        • Du hast noch kein Konto? Registrieren

                        • Anmelden oder registrieren, um zu suchen
                        • Erster Beitrag
                          Letzter Beitrag
                        0
                        • Home
                        • Aktuell
                        • Tags
                        • Ungelesen 0
                        • Kategorien
                        • Unreplied
                        • Beliebt
                        • GitHub
                        • Docu
                        • Hilfe