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
    534

  • 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
    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

                      606

                      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