Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. ioBroker Allgemein
    4. VIS-Widget-Wunsch: Countdown

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    VIS-Widget-Wunsch: Countdown

    This topic has been deleted. Only users with topic management privileges can see it.
    • Bluefox
      Bluefox last edited by

      Momentan bin ich an Rolladen: 48_shutter.gif
      Danach will ich Tür und Schloss machen. Dann weiß ich nicht.

      1 Reply Last reply Reply Quote 0
      • P
        pix last edited by

        Hall Bluefox,
        @Bluefox:

        Momentan bin ich an Rolladen: `
        hui, das freut mich. Zwar offtopic: Wie schon mal beschrieben, wünsche ich mir, das Level auch umkehren zu können (Level 100% bedeutet Rollladen zu [bei Homepilot], statt auf [bei Homematic)].

        Gruß,

        Pix

        1 Reply Last reply Reply Quote 0
        • T
          thomassch last edited by

          Hallo,

          was macht die Zeile
          > var timer = getState('countdown').val || 10;

          ??

          bei mir zählt leider der Countdown fast doppelt zu schnell ??

          Ich habe den Countdown über eine Variabel im trigger ON drin.

          Funktioniert soweit auch alles, aber eben nur fast doppelt so schnell ?

          // Idee von: http://forum.iobroker.net/viewtopic.php?t=737
          // 05.05.2016
          
          var logging = true;
          var szpfad = 'javascript.0.CountDown.';
          
          // Variablen erstellen (Javascript Instanz nach dem ersten Speichern des Skriptes einmal neustarten)
          function create(szZaehler) {
              if (logging) log('Countdown-> function create Name: '+szZaehler,'info');
              createState(szpfad+szZaehler              , 300,   {name: szZaehler              ,desc: 'Countdownzähler',unit: 's'});
              createState(szpfad+szZaehler+'_abgelaufen', false, {name: szZaehler+'_abgelaufen',desc: 'Countdown abgelaufen'});
              createState(szpfad+szZaehler+'_trigger'   , false, {name: szZaehler+'_trigger'   ,desc: 'Trigger'});
              createState(szpfad+szZaehler+'_max'       , 300,   {name: szZaehler+'_max'       ,desc: 'Startwert'});
          }
          
          // Zählen
          function count(szZaehler) {
              setTimeout(function () {
                  //if (logging) log('CountDown-> function count: '+szZaehler,'info');
                  var timer = getState(szZaehler).val ;//|| 300;
                  //if (logging) log('CountDown->count()->var timer: '+timer,'info');
                  if (timer > 1) {
                      setState(szZaehler+'_trigger', false);
                      setState(szZaehler, timer - 1);
                      count(szZaehler);
                  } else {
                      setState(szZaehler, 0);
                      setState(szZaehler+'_abgelaufen', true);
                  }
              }, 1000);
          }
          // Countown ausführen
          function start(myobj,szCountDownObjekt){
              // den Namen des Hauptobjektes bilden
              var szName = szpfad+szCountDownObjekt;
              // nun den Max wert laden
              if (logging) log('Countdown->function start->szName: '+szName,'info');        
              var iMax = getState(szName+'_max').val;  
              if (logging) log('CountDown: iMax: '+iMax, 'info');
          
              if (myobj.newState.val === true || myobj.newState.val === 'true' || myobj.newState.val == 1) {
                  if (logging) log('Countdown->function start->Countdown start: '+myobj.name + "->" + szCountDownObjekt,'info');        
                  setState(szName, iMax);
                  setState(szName+'_abgelaufen', false);
                  setState(szName+'_trigger', true);
                  count(szName);
              } else{
                  if (logging) log('Countdown->function start->Countdown abgelaufen: '+myobj.name + "->" + szCountDownObjekt,'info');        
                  setState(szName+'_trigger', false);
                  setState(szName, 0);
                  setState(szName+'_abgelaufen', true);        
              }
          }
          
          // ON Trigger
          //on({id:"hm-rega.0.16281", change:"ne"},  function(obj) { xaktion(obj, "(i) Alarmüberwachung Zone 1","-> einschalten","-> ausschalten"); }); // varAlarm1CmdEin
          
          on({id:"hm-rega.0.16282", change:"ne"}, function(obj) {
              if (logging) log('Countdown->ON erkannt: '+'hm-rega.0.16281','info');        
              start(obj,'Z01_Alarm_Zone1');
          });
          
          // beim Start die Zähler anlegen
          if (logging) log('Countdown->Variablen anlegen','info');
          create('Z01_Alarm_Zone1');
          
          1 Reply Last reply Reply Quote 0
          • Bluefox
            Bluefox last edited by

            @pix:

            Hall Bluefox,
            @Bluefox:

            Momentan bin ich an Rolladen: `
            hui, das freut mich. Zwar offtopic: Wie schon mal beschrieben, wünsche ich mir, das Level auch umkehren zu können (Level 100% bedeutet Rollladen zu [bei Homepilot], statt auf [bei Homematic)].

            Gruß,

            Pix `
            Ist schon ewig da.
            48_2016-06-13_17_38_49-edit_vis.png

            1 Reply Last reply Reply Quote 0
            • P
              pix last edited by

              @Bluefox:

              Ist schon ewig da. `
              Oh, das hab ich übersehen. Vielen Dank. Beim Metro Widget für Jalousien gibt es den "invertieren"-Knopf aber nicht, oder?

              Gruß

              Pix

              1 Reply Last reply Reply Quote 0
              • D
                dtp last edited by

                Hätte hierzu mal eine ergänzende Frage.

                Kann ich einen CUxD-Timer in ein Widget einbinden, um dessen Countdown anzuzeigen?

                Der CUxD-Timer kennt ja nur die folgenden Parameter:

                CMD_RET

                INHIBIT

                STATE

                TIMER_EVENT

                TIMER_GET

                TIMER_SET

                TIMER_STOP

                WORKING

                Sobald WORKING den Wert true hat, wird ausgehend vom Wert TIMER_SET heruntergezählt. Wenn 0s erreicht sind, geht WORKING auf false.

                Ich suche jetzt nach einer Möglichkeit zur Anzeige des Countdowns als simplen Zahlenwert in einem Widget.

                Gruß,

                Thorsten

                1 Reply Last reply Reply Quote 0
                • Homoran
                  Homoran Global Moderator Administrators last edited by

                  Lieber Thorsten,

                  der Lieblingsspruch im anderen Forum wäre jetzt:

                  Suche defekt? :lol:

                  Sieh mal da:

                  http://forum.iobroker.net/viewtopic.php … =Countdown

                  68 Treffer

                  Gruß

                  Rainer

                  1 Reply Last reply Reply Quote 0
                  • P
                    pix last edited by

                    Um es abzukürzen:

                    Geht nicht. Habe ich schon unter CCU.IO versucht, geht auch in ioBroker nicht. Die Javascript Lösung ist zuverlässig.

                    Gruß

                    Pix

                    1 Reply Last reply Reply Quote 0
                    • D
                      dtp last edited by

                      Hi Pix,

                      also hiermit kann ich zumindest die Werte vom CUxD-Timer in einem Widget anzeigen lassen:

                      createState('AlarmCountdown');
                      
                      function countdown() {
                        var count = getState('hm-rpc.1.CUX2800001.2.TIMER_SET').val;
                        var counter = setInterval(timer, 1000);
                      
                        function timer() {
                          count=count-1;
                          if (count <= 0) {
                            clearInterval(counter);
                            return;
                          }
                          setState('AlarmCountdown', count);
                        }
                      }
                      
                      on({id: "hm-rpc.1.CUX2800001.2.WORKING", change: "true"}, function () {
                        countdown();
                      });
                      
                      

                      Aktuell ist mein Problem jedoch, wie ich den Timer gestoppt bekomme, wenn zwischenzeitlich WORKING auf "false" springt. Wenn ic eine zusätzliche Abfrage in "if (count <= 0)" einfüge, fängt der Countdown an zu stottern. Hast Du eine Idee?

                      Gruß,

                      Thorsten

                      1 Reply Last reply Reply Quote 0
                      • P
                        pix last edited by

                        Das ist aber irgendwie ein Mix aus CUxD und Javascript, oder? mit SetInterval zählst du doch in Javascript sekündlich. Das macht doch nicht der CUxD. Von dem nimmst du nur den eingestellten Wert.

                        Bei mir wurde nie der TIMER_GET-Wert aktualisisert. Der stand immer auf dem Startwert und nach Ablauf auf 0. Zwar wurde die Aktion nach Ablauf ausgeführt (TIMER_EVENT = true), aber der Countdown nicht angezeigt.

                        Es entspricht auch nicht meiner Philosophie, die Logik auf ioBroker in Javascript laufen zu lassen und dann einen Countdown über ein Addon auf einem angeschlossenen Satellitensystem laufen zu lassen 😛

                        Gruß

                        Pix

                        PS: Timer stoppen mit TIMER_STOP true

                        1 Reply Last reply Reply Quote 0
                        • Homoran
                          Homoran Global Moderator Administrators last edited by

                          Hallo pix,

                          Bluefox hatte doch mal ein Countdown Widget, bestehend aus einem JavaScript Teil und einem ???-widget.

                          Ich finde es im Moment leider nicht.

                          War hier im Forum mit animiertem gif vorgestellt.

                          Gruß

                          Rainer

                          1 Reply Last reply Reply Quote 0
                          • P
                            pix last edited by

                            Hallo Rainer,

                            4. Post in diesem Thread 🙂

                            Pix

                            Gesendet mit Tapatalk

                            1 Reply Last reply Reply Quote 0
                            • A
                              a-flow last edited by

                              Guten Abend,

                              ich würde gerne einen Sleeptimer mit Countdown erstellen (siehe http://forum.iobroker.net/viewtopic.php … =countdown).

                              Bezogen auf den 4. Post in diesem Thread frage ich mich, wo ich das Java-Skript einfügen/speichern/ablegen soll. ich bin da leider absoluter Neuling…

                              Zudem möchte ich, dass der Timer Minuten und Sekunden anzeigt und bei einem erneuten Klick auf den Button neu startet.

                              Ich würde mich sehr freuen, wenn mir da jemand weiterhelfen kann!

                              1 Reply Last reply Reply Quote 0
                              • Homoran
                                Homoran Global Moderator Administrators last edited by

                                @pix:

                                Hallo Rainer,

                                4. Post in diesem Thread `
                                Und ich suche überall nur nicht hier :shock: :oops: :lol:

                                Danke

                                Rainer

                                1 Reply Last reply Reply Quote 0
                                • D
                                  dtp last edited by

                                  @pix:

                                  Das ist aber irgendwie ein Mix aus CUxD und Javascript, oder? mit SetInterval zählst du doch in Javascript sekündlich. Das macht doch nicht der CUxD. Von dem nimmst du nur den eingestellten Wert. `

                                  Korrekt. Es geht mir einzig um die Visualisierung des CUxD-Timers in vis. Ich will damit in ioBroker absolut nichts steuern.

                                  @pix:

                                  Bei mir wurde nie der TIMER_GET-Wert aktualisisert. Der stand immer auf dem Startwert und nach Ablauf auf 0. Zwar wurde die Aktion nach Ablauf ausgeführt (TIMER_EVENT = true), aber der Countdown nicht angezeigt. `

                                  So ist es auch bei mir. Darum der Workaround über Javascript zur Anzeige des Countdowns. Wie gesagt, ich möchte auf den CUxD-Timer nicht verzichten. Ich will lediglich eine Visualisierung, die zeitgleich mit dem CUxD-Timer startet.

                                  @pix:

                                  Es entspricht auch nicht meiner Philosophie, die Logik auf ioBroker in Javascript laufen zu lassen und dann einen Countdown über ein Addon auf einem angeschlossenen Satellitensystem laufen zu lassen 😛 `

                                  Kann ich durchaus nachvollziehen. Aber ich möchte in diesem Fall ein System, das weiterhin autark auf der CCU2 läuft und nicht von einem angeschlossenen Satellitensystem (ioBroker) abhängt. Gleichzeitig möchte ich aber die Option haben, mir die Zeitspanne bis zum Scharfstellen der Anlage in vis anzeigen zu lassen.

                                  @pix:

                                  PS: Timer stoppen mit TIMER_STOP true `

                                  Nützt mir leider nichts, da ich das ja auch im Javascript abfragen müsste. Dann kann ich auch auf das Umschalten von WORKING auf false triggern. Mein Problem ist eher, wo und wie ich das im obigen Javascript am besten einbinde. Der Timer soll nach dem Wechsel von WORKING von true auf false einfach nur stoppen. Im Moment zählt er weiter. Ist allerdings auch nicht wirklich tragisch, weil ich das Widget nur bei WORKING = true anzeigen lasse und es bei WORKING = false ausblende.

                                  1 Reply Last reply Reply Quote 0
                                  • S
                                    Silverhawk last edited by

                                    @Bluefox:

                                    @pix:

                                    Hallo,

                                    ich wünsche mir ein Countdown-Widget. Praktisch eine Aus-/Einschaltverzögerung. Es soll auf Änderung eines Wertes (einer ObjID) reagieren und dann eine festgelegte Zeit herunterzählen (in Sekunden). Und bei 0 angekommen soll es mit State wieder einen Wert (in anderer ObjID) setzen. Verknüpfungen mit einem CUxD-Timer klappten nicht so recht. Ich habe auch schon ein paar Versuche hinter mir, das im JavaScript Adapter zu basteln. Leider bekomme ich es mit Interval() oder SetTimeout() nicht hin. Die CPU-Last wird viel zu hoch, selbst mein MacMini geht in die Knie.

                                    Ist das möglich?

                                    Gruß

                                    Pix `

                                    Javascript:

                                    createState('countdown', 10);
                                    createState('afterCount', false);
                                    createState('countTrigger', false);
                                    function count() {
                                        setTimeout(function () {
                                            var timer = getState('countdown').val || 10;
                                            if (timer > 1) {
                                                setState('countTrigger', false);
                                                setState('countdown', timer - 1);
                                                count();
                                            } else {
                                                setState('countdown', 0);
                                                setState('afterCount', true);
                                            }
                                        }, 1000);
                                    }
                                    
                                    on('countTrigger', function (obj) {
                                        if (obj.newState.val === true || obj.newState.val === 'true' || obj.newState.val == 1) {
                                            setState('countdown', 10);
                                            setState('afterCount', false);
                                            count();
                                        }    
                                    });
                                    

                                    Widgets:

                                    ! [ { "tpl": "tplHqButton", "data": { "visibility-cond": "==", "visibility-val": 1, "oid": "javascript.0.countTrigger", "min": "false", "max": "true", "iconName": "img/bulb_off.png", "btIconWidth": "56", "offsetAuto": "true", "leftOffset": "15", "topOffset": "55", "timeAsInterval": "true", "infoLeftFontSize": "12", "infoFontRightSize": "12" }, "style": { "left": "64px", "top": "61px" }, "widgetSet": "hqWidgets" }, { "tpl": "tplHqCircle", "data": { "visibility-cond": "==", "visibility-val": 1, "oid": "javascript.0.countdown", "min": "0", "max": "10", "step": "1", "displayPrevious": "true", "readOnly": true, "unit": "s" }, "style": { "left": "174px", "top": "58px" }, "widgetSet": "hqWidgets" }, { "tpl": "tplHqButton", "data": { "visibility-cond": "==", "visibility-val": 1, "oid": "javascript.0.afterCount", "min": "false", "max": "true", "iconName": "img/bulb_off.png", "btIconWidth": "56", "offsetAuto": "true", "leftOffset": "15", "topOffset": "55", "timeAsInterval": "true", "infoLeftFontSize": "12", "infoFontRightSize": "12" }, "style": { "left": "274px", "top": "61px" }, "widgetSet": "hqWidgets" } ] `

                                    wie genau nutze ich hier das Javascript? Ich möchte gerne die Obj.ID (hm-rpc.0.MEQ03XXXX0.1) einfügen und damit den Counter starten. Aber ich weiß leider nicht, an welche Stelle ich die ID eintragen muss.

                                    1 Reply Last reply Reply Quote 0
                                    • S
                                      Silverhawk last edited by

                                      Ich schiebe dies nochmal nach oben.

                                      Habe mich versucht etwas einzulesen und einfach Javascripte zu begreifen, hier bekomme ich es leider nicht hin.

                                      1 Reply Last reply Reply Quote 0
                                      • P
                                        pix last edited by

                                        Hallo Silverhawk,

                                        deine Objekt-ID ist noch nicht vollständig. Vermute, der Datenpunkt ist eher dieser: hm-rpc.0.MEQ03XXXX0.1.STATE

                                        Dann vermute ich weiter, der Countdown soll starten, wenn der Datenpunkt zB auf true geht, oder?

                                        Dann schreibst du über das Skript noch diesen Teil:

                                        var idHM_trigger = "hm-rpc.0.MEQ03XXXX0.1.STATE"; // Auslösender Aktor
                                        
                                        on(idHM_trigger, function(obj) {
                                            if (obj.state.val) setState(countTrigger, true);
                                            log('Aktor ' + obj.deviceName + ' wurde auf ' + obj.state.val + ' gesetzt. Countdown gestartet.); // Kannst die Zeile auch weglassen
                                        });
                                        
                                        

                                        Dann startet dein Aktor den Countdown.

                                        Gruß

                                        Pix

                                        1 Reply Last reply Reply Quote 0
                                        • juergen2908
                                          juergen2908 last edited by

                                          Hallo,

                                          bin neu hier im Forum.

                                          Habe iobroker jetzt seit 2 Monaten im Einsatz. Bin voll begeistert.

                                          Ich möchte jetzt einen Countdown von 15 min. starten wenn meine Fenster geöffnet sind.

                                          Bis jetzt habe ich es auf der CCU2 mit einem Programm gemacht und lasse es in eine variable schreiben(zählt von 15 Minuten runter, also -1) Da dies immer wieder hängen bleibt, möchte ich es nur auf der vis anzeigen lassen(so ähnlich wie im Beitrag). Ausgelöst soll es von einer SysVariable der Homematic werden .Das Vormat könnte gleich bleiben, aber schöner wäre halt 15:00:00.

                                          Da ich mit Javaskript nicht viel am Hut habe, würde ich mich über eure Hilfe freuen.

                                          LG

                                          Jürgen

                                          1 Reply Last reply Reply Quote 0
                                          • P
                                            pix last edited by

                                            Hallo Jürgen,

                                            herzlich Willkommen im Forum.@juergen2908:

                                            Ich möchte jetzt einen Countdown von 15 min. starten wenn meine Fenster geöffnet sind. …. Ausgelöst soll es von einer SysVariable der Homematic werden . `
                                            Das ist kein Problem. Du brauchst ein Skript. Dazu musst du den Javascript Adapter installieren und aktivieren. Dann im Reiter des Adapters ein neues Skript (am besten unter common, auf keinen Fall unter global) anlegen. Wenn der Sensor ein Homematic TFK oder RHS ist, dann brauchst du einen Trigger auf den STATE des Homematic-Sensors. Alternativ kannst du auch den Datenpunkt der Variable nehmen (aus dem Rega-Adapter). Die Anleitung zur Installation des Javascript-Adapters und zur Erstellung von Skripten findest du auch auf der Webseite http://www.iobroker.net

                                            Das oben in diesem Thread beschriebene Skript kann dann um ein paar Zeilen erweitert werden (wie beschrieben im Post vor deinem Post/deiner Frage) und sieht dann so aus (für einen 15min Timer):

                                            var idHM_trigger = "hm-rpc.0.MEQ01234567.1.STATE"; // Auslösender Aktor
                                            var minuten = 15; // Kann zum Test angepasst werden: Zeit in MINUTEN
                                            
                                            // ab hier nix mehr anpassen
                                            on(idHM_trigger, function(obj) {
                                                if (obj.state.val) setState(countTrigger, true);
                                                log('Aktor ' + obj.deviceName + ' wurde auf ' + obj.state.val + ' gesetzt. Countdown gestartet.); // Kannst die Zeile auch weglassen
                                            });
                                            var zeit = parseInt((minuten * 60),10);
                                            createState('countdown', zeit);
                                            createState('afterCount', false);
                                            createState('countTrigger', false);
                                            function count() {
                                                setTimeout(function () {
                                                    var timer = getState('countdown').val || zeit;
                                                    if (timer > 1) {
                                                        setState('countTrigger', false);
                                                        setState('countdown', timer - 1);
                                                        count();
                                                    } else {
                                                        setState('countdown', 0);
                                                        setState('afterCount', true);
                                                    }
                                                }, 1000);
                                            }
                                            
                                            on('countTrigger', function (obj) {
                                                if (obj.newState.val === true || obj.newState.val === 'true' || obj.newState.val == 1) {
                                                    setState('countdown', zeit);
                                                    setState('afterCount', false);
                                                    count();
                                                }    
                                            });
                                            
                                            

                                            Wenn das Skript so funktioniert, dann muss es noch um einen clearInterval erweitert werden. Wenn das Fenster geschlossen wird, soll der Timer ja wieder ausgehen. Hier gibt es schon mal ein Beispiel:

                                            http://forum.iobroker.net/viewtopic.php … 455#p12547

                                            @juergen2908:

                                            Das Vormat könnte gleich bleiben, aber schöner wäre halt 15:00:00. `
                                            Also Min:Sek:Millisekunden ??? Ich schlage vor, du baust erstmal das Skript (vielleicht mit 2 statt 15min zum Test) und berichtest, ob es funktioniert. Dann kann man im Feinschliff die Anzeige in VIS angehen.
                                            @juergen2908:

                                            Da ich mit Javaskript nicht viel am Hut habe, würde ich mich über eure Hilfe freuen. `
                                            Die Zeiten ohne Javascript sind für dich nun vorbei :lol:

                                            Gruß

                                            Pix

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate
                                            FAQ Cloud / IOT
                                            HowTo: Node.js-Update
                                            HowTo: Backup/Restore
                                            Downloads
                                            BLOG

                                            455
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            21
                                            63
                                            18984
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo