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. (Gelöst)Lüfterdrehung geschwindigkeitsabhängig darstellen

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    17
    1
    548

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    5.4k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.4k

(Gelöst)Lüfterdrehung geschwindigkeitsabhängig darstellen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
17 Beiträge 2 Kommentatoren 1.2k Aufrufe 5 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.
  • liv-in-skyL liv-in-sky

    @damrak2022 sagte in Lüfterdrehung geschwindigkeitsabhängig darstellen:

    {myVar:javascript.0.MiHomeAll.293261118.power; myVar=="true" ? "rotateanimation" : ""}

    im moment ist die klasse so definiert, dass wenn dort power eingeschaltet ist, sich das widget drehen soll - das sind nur 2 bedingungen.
    jetzt haben wir aber "5" bedingungen - eine ist : ist power on und wenn ja welche der geschwindigkeiten ist eingestellt (25,50,75,100)

    was ich nicht bedacht habe: wenn power off ist, kann ja trotzdem die geschwindigkeit auf einem wert stehen - daher muss das abgefragt werden - poste mal die id des dp für die geschwindigkeit - am besten zeige auch ein bild des dp. oder die raw version im object. evtl ist das eine werteliste, wo man auswählen kann.

    oder was passiert eigentlich mit dem dp der geschwindigkeit, wenn power off ist - wird er dann mit 0 beschrieben oder bleibt der weiterhin auf der geschwindigkeit stehen - musst du mal ausprobieren

    Damrak2022D Offline
    Damrak2022D Offline
    Damrak2022
    schrieb am zuletzt editiert von
    #5

    @liv-in-sky Das komplette Widget sieht so aus:
    Bildschirmfoto 2022-08-19 um 07.29.56.png
    Wenn ich ihn ausschalte bleiben die Werte so stehen.

    So sehen die Werte bei eingeschaltetem Ventilator aus:
    Bildschirmfoto 2022-08-19 um 07.32.45.png

    So bei ausgeschaltetem Ventilator:
    Bildschirmfoto 2022-08-19 um 07.34.41.png

    Es ändert sich also nur "Power" von "true" auf "false".

    Mit besten Grüßen
    Andy

    liv-in-skyL 2 Antworten Letzte Antwort
    0
    • Damrak2022D Damrak2022

      @liv-in-sky Das komplette Widget sieht so aus:
      Bildschirmfoto 2022-08-19 um 07.29.56.png
      Wenn ich ihn ausschalte bleiben die Werte so stehen.

      So sehen die Werte bei eingeschaltetem Ventilator aus:
      Bildschirmfoto 2022-08-19 um 07.32.45.png

      So bei ausgeschaltetem Ventilator:
      Bildschirmfoto 2022-08-19 um 07.34.41.png

      Es ändert sich also nur "Power" von "true" auf "false".

      liv-in-skyL Offline
      liv-in-skyL Offline
      liv-in-sky
      schrieb am zuletzt editiert von
      #6

      @damrak2022

      muss mal eine formel versuchen zu erstellen - moment

      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

      1 Antwort Letzte Antwort
      0
      • Damrak2022D Damrak2022

        @liv-in-sky Das komplette Widget sieht so aus:
        Bildschirmfoto 2022-08-19 um 07.29.56.png
        Wenn ich ihn ausschalte bleiben die Werte so stehen.

        So sehen die Werte bei eingeschaltetem Ventilator aus:
        Bildschirmfoto 2022-08-19 um 07.32.45.png

        So bei ausgeschaltetem Ventilator:
        Bildschirmfoto 2022-08-19 um 07.34.41.png

        Es ändert sich also nur "Power" von "true" auf "false".

        liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        schrieb am zuletzt editiert von
        #7

        @damrak2022
        teste mal:
        die formel:

        {myVar:javascript.0.MiHomeAll.293261118.power; mySpeed:javascript.0.MiHomeAll.293261118.speed_level;myVar=="true" ? mySpeed==0 ? "" : mySpeed==25 ? "rotateanimation-slow" : mySpeed==50 ? "rotateanimation-middle" : mySpeed==75 ? "rotateanimation-fast" : mySpeed==100 ? "rotateanimation-veryfast" : "" : ""}
        

        die ccs einstellung:

        .rotateanimation-slow{
        
         
        
          animation-name: spin2;
        
          animation-duration: 2000ms;
        
          animation-iteration-count: infinite;
        
          animation-timing-function: linear;
        
        }
        
        .rotateanimation-middle{
        
         
        
          animation-name: spin2;
        
          animation-duration: 1200ms;
        
          animation-iteration-count: infinite;
        
          animation-timing-function: linear;
        
        }
        
        .rotateanimation-fast{
        
         
        
          
        
          animation-name: spin2;
        
          animation-duration: 800ms;
        
          animation-iteration-count: infinite;
        
          animation-timing-function: linear;
        
        }
        
        .rotateanimation-veryfast{
        
         
        
         
        
        animation-name: spin2;
        
          animation-duration: 400ms;
        
          animation-iteration-count: infinite;
        
          animation-timing-function: linear;
        
        }
        

        sollte:

        postit-dp (42).gif

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        Damrak2022D 1 Antwort Letzte Antwort
        0
        • liv-in-skyL liv-in-sky

          @damrak2022
          teste mal:
          die formel:

          {myVar:javascript.0.MiHomeAll.293261118.power; mySpeed:javascript.0.MiHomeAll.293261118.speed_level;myVar=="true" ? mySpeed==0 ? "" : mySpeed==25 ? "rotateanimation-slow" : mySpeed==50 ? "rotateanimation-middle" : mySpeed==75 ? "rotateanimation-fast" : mySpeed==100 ? "rotateanimation-veryfast" : "" : ""}
          

          die ccs einstellung:

          .rotateanimation-slow{
          
           
          
            animation-name: spin2;
          
            animation-duration: 2000ms;
          
            animation-iteration-count: infinite;
          
            animation-timing-function: linear;
          
          }
          
          .rotateanimation-middle{
          
           
          
            animation-name: spin2;
          
            animation-duration: 1200ms;
          
            animation-iteration-count: infinite;
          
            animation-timing-function: linear;
          
          }
          
          .rotateanimation-fast{
          
           
          
            
          
            animation-name: spin2;
          
            animation-duration: 800ms;
          
            animation-iteration-count: infinite;
          
            animation-timing-function: linear;
          
          }
          
          .rotateanimation-veryfast{
          
           
          
           
          
          animation-name: spin2;
          
            animation-duration: 400ms;
          
            animation-iteration-count: infinite;
          
            animation-timing-function: linear;
          
          }
          

          sollte:

          postit-dp (42).gif

          Damrak2022D Offline
          Damrak2022D Offline
          Damrak2022
          schrieb am zuletzt editiert von Damrak2022
          #8

          @liv-in-sky Erstmal danke. Blöde Frage kommt die Formel in die Script, ode beim Widget bei den Skripten rein. Habe beides probiert, geht aber noch nicht.
          Bildschirmfoto 2022-08-19 um 08.12.56.png
          Bildschirmfoto 2022-08-19 um 08.13.16.png

          Achse, was muss ich nun bei CSS Klasse eintragen?

          Mit besten Grüßen
          Andy

          liv-in-skyL 1 Antwort Letzte Antwort
          0
          • Damrak2022D Damrak2022

            @liv-in-sky Erstmal danke. Blöde Frage kommt die Formel in die Script, ode beim Widget bei den Skripten rein. Habe beides probiert, geht aber noch nicht.
            Bildschirmfoto 2022-08-19 um 08.12.56.png
            Bildschirmfoto 2022-08-19 um 08.13.16.png

            Achse, was muss ich nun bei CSS Klasse eintragen?

            liv-in-skyL Offline
            liv-in-skyL Offline
            liv-in-sky
            schrieb am zuletzt editiert von
            #9

            @damrak2022 ersetze deine css einträgge mit meinen (i mcss tab)

            und die formel gehört wieder im widget unter CSS Klasse

            Image 031.png

            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

            Damrak2022D 1 Antwort Letzte Antwort
            0
            • liv-in-skyL liv-in-sky

              @damrak2022 ersetze deine css einträgge mit meinen (i mcss tab)

              und die formel gehört wieder im widget unter CSS Klasse

              Image 031.png

              Damrak2022D Offline
              Damrak2022D Offline
              Damrak2022
              schrieb am zuletzt editiert von
              #10

              @liv-in-sky Ja, habe ich bereits gemacht, aber ohne Erfolg. Sieht so aus:

              .v-btn--fab.v-size--default {
                  height: 30px !important;
                  width: 30px !important;
                  
              }
              
              
              .rotateanimation-slow{
               
               
               
                animation-name: spin2;
               
                animation-duration: 2000ms;
               
                animation-iteration-count: infinite;
               
                animation-timing-function: linear;
               
              }
               
              .rotateanimation-middle{
               
               
               
                animation-name: spin2;
               
                animation-duration: 1200ms;
               
                animation-iteration-count: infinite;
               
                animation-timing-function: linear;
               
              }
               
              .rotateanimation-fast{
               
               
               
                
               
                animation-name: spin2;
               
                animation-duration: 800ms;
               
                animation-iteration-count: infinite;
               
                animation-timing-function: linear;
               
              }
               
              .rotateanimation-veryfast{
               
               
               
               
               
              animation-name: spin2;
               
                animation-duration: 400ms;
               
                animation-iteration-count: infinite;
               
                animation-timing-function: linear;
               
              }
              
              
              
              }
              
              .chaot.vis-owl-parcel-headline{
                  border-radius: 3px 3px 3px 3px;
                  height: 26px;
                  width: 160px;
              

              Mit besten Grüßen
              Andy

              liv-in-skyL 1 Antwort Letzte Antwort
              0
              • Damrak2022D Damrak2022

                @liv-in-sky Ja, habe ich bereits gemacht, aber ohne Erfolg. Sieht so aus:

                .v-btn--fab.v-size--default {
                    height: 30px !important;
                    width: 30px !important;
                    
                }
                
                
                .rotateanimation-slow{
                 
                 
                 
                  animation-name: spin2;
                 
                  animation-duration: 2000ms;
                 
                  animation-iteration-count: infinite;
                 
                  animation-timing-function: linear;
                 
                }
                 
                .rotateanimation-middle{
                 
                 
                 
                  animation-name: spin2;
                 
                  animation-duration: 1200ms;
                 
                  animation-iteration-count: infinite;
                 
                  animation-timing-function: linear;
                 
                }
                 
                .rotateanimation-fast{
                 
                 
                 
                  
                 
                  animation-name: spin2;
                 
                  animation-duration: 800ms;
                 
                  animation-iteration-count: infinite;
                 
                  animation-timing-function: linear;
                 
                }
                 
                .rotateanimation-veryfast{
                 
                 
                 
                 
                 
                animation-name: spin2;
                 
                  animation-duration: 400ms;
                 
                  animation-iteration-count: infinite;
                 
                  animation-timing-function: linear;
                 
                }
                
                
                
                }
                
                .chaot.vis-owl-parcel-headline{
                    border-radius: 3px 3px 3px 3px;
                    height: 26px;
                    width: 160px;
                
                liv-in-skyL Offline
                liv-in-skyL Offline
                liv-in-sky
                schrieb am zuletzt editiert von
                #11

                @damrak2022

                in zeile 70 ist eine klammer, die da nicht hingehört

                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                Damrak2022D 1 Antwort Letzte Antwort
                0
                • liv-in-skyL liv-in-sky

                  @damrak2022

                  in zeile 70 ist eine klammer, die da nicht hingehört

                  Damrak2022D Offline
                  Damrak2022D Offline
                  Damrak2022
                  schrieb am zuletzt editiert von
                  #12

                  @liv-in-sky Ändert nichts, kurzes Telefonat?

                  Mit besten Grüßen
                  Andy

                  liv-in-skyL 1 Antwort Letzte Antwort
                  0
                  • Damrak2022D Damrak2022

                    @liv-in-sky Ändert nichts, kurzes Telefonat?

                    liv-in-skyL Offline
                    liv-in-skyL Offline
                    liv-in-sky
                    schrieb am zuletzt editiert von
                    #13

                    @damrak2022 kurz - muss dann bald weg

                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                    Damrak2022D 1 Antwort Letzte Antwort
                    0
                    • liv-in-skyL liv-in-sky

                      @damrak2022 kurz - muss dann bald weg

                      Damrak2022D Offline
                      Damrak2022D Offline
                      Damrak2022
                      schrieb am zuletzt editiert von
                      #14

                      @liv-in-sky Das ist das einzige was in der Google Konsole zu sehen ist:

                      Bildschirmfoto 2022-08-19 um 09.14.30.png

                      Mit besten Grüßen
                      Andy

                      liv-in-skyL 1 Antwort Letzte Antwort
                      0
                      • Damrak2022D Damrak2022

                        Dank @liv-in-sky konnte ich vor einiger Zeit mein Lüftericon in der runtime drehend darstellen, wenn der Ventilator eingeschaltet ist
                        Ich nutze meinen Ventilator in 4 Stufen 25 / 50 / 75 / 100
                        Nun frage ich mich wie ich den Code anpassen müsste, damit sich die Drehung des Lüftericons je nach Geschwindigkeitseinstellung verändert.
                        So sieht das Script momentan aus:

                        .rotateanimation{
                            
                          animation-name: spin2;
                          animation-duration: 3000ms;
                          animation-iteration-count: infinite;
                          animation-timing-function: linear;
                        
                        liv-in-skyL Offline
                        liv-in-skyL Offline
                        liv-in-sky
                        schrieb am zuletzt editiert von liv-in-sky
                        #15

                        @damrak2022

                        zum test

                        .anime{
                          transform: rotateY!important;
                            animation: roll 5s infinite !important;;
                          
                        }
                        
                        @keyframes roll {
                          0% {
                            transform: rotate(0);
                          }
                          100% {
                            transform: rotate(360deg);
                          }
                        }
                        

                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                        1 Antwort Letzte Antwort
                        0
                        • Damrak2022D Damrak2022

                          @liv-in-sky Das ist das einzige was in der Google Konsole zu sehen ist:

                          Bildschirmfoto 2022-08-19 um 09.14.30.png

                          liv-in-skyL Offline
                          liv-in-skyL Offline
                          liv-in-sky
                          schrieb am zuletzt editiert von liv-in-sky
                          #16

                          @damrak2022

                          neuer test:

                          das hier in den css tab -

                          .rotateanimation-slow {
                            animation: rotation 2800ms infinite linear;
                          }
                          
                          .rotateanimation-middle {
                            animation: rotation 1800ms infinite linear;
                          }
                          
                          .rotateanimation-fast {
                            animation: rotation 1200ms infinite linear;
                          }
                          
                          .rotateanimation-veryfast {
                            animation: rotation 700ms infinite linear;
                          }
                          
                          @keyframes rotation {
                            from {
                              transform: rotate(0deg);
                            }
                            to {
                              transform: rotate(359deg);
                            }
                          }
                          

                          das ist in der css klasse

                          {myVar:javascript.0.MiHomeAll.293261118.power; mySpeed:javascript.0.MiHomeAll.293261118.speed_level;myVar=="true" ? mySpeed==0 ? "" : mySpeed==25 ? "rotateanimation-slow" : mySpeed==50 ? "rotateanimation-middle" : mySpeed==75 ? "rotateanimation-fast" : mySpeed==100 ? "rotateanimation-veryfast" : "" : ""} 
                          

                          wurde hier getestet:
                          https://forum.iobroker.net/topic/57302/suche-tester-vis-in-safari-css-eintrag?_=1661000048874

                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                          Damrak2022D 1 Antwort Letzte Antwort
                          1
                          • liv-in-skyL liv-in-sky

                            @damrak2022

                            neuer test:

                            das hier in den css tab -

                            .rotateanimation-slow {
                              animation: rotation 2800ms infinite linear;
                            }
                            
                            .rotateanimation-middle {
                              animation: rotation 1800ms infinite linear;
                            }
                            
                            .rotateanimation-fast {
                              animation: rotation 1200ms infinite linear;
                            }
                            
                            .rotateanimation-veryfast {
                              animation: rotation 700ms infinite linear;
                            }
                            
                            @keyframes rotation {
                              from {
                                transform: rotate(0deg);
                              }
                              to {
                                transform: rotate(359deg);
                              }
                            }
                            

                            das ist in der css klasse

                            {myVar:javascript.0.MiHomeAll.293261118.power; mySpeed:javascript.0.MiHomeAll.293261118.speed_level;myVar=="true" ? mySpeed==0 ? "" : mySpeed==25 ? "rotateanimation-slow" : mySpeed==50 ? "rotateanimation-middle" : mySpeed==75 ? "rotateanimation-fast" : mySpeed==100 ? "rotateanimation-veryfast" : "" : ""} 
                            

                            wurde hier getestet:
                            https://forum.iobroker.net/topic/57302/suche-tester-vis-in-safari-css-eintrag?_=1661000048874

                            Damrak2022D Offline
                            Damrak2022D Offline
                            Damrak2022
                            schrieb am zuletzt editiert von
                            #17

                            @liv-in-sky Super, jetzt funktioniert es perfekt:+1: - Danke für Deine Hilfe.

                            Mit besten Grüßen
                            Andy

                            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

                            646

                            Online

                            32.7k

                            Benutzer

                            82.5k

                            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