Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[MarcoGoldau]

Moin zusammen, ich bin hier am verzweifeln.
Ich möchte das ein Textwidget z.B. Text:10:00 Uhr anfängt zwischen 10:00-11:00 Uhr zu blinken.

Das ganze möchte ich dann von 5:00 Uhr bis 23:00 Uhr, das quasi immer die Zeit blinkt, welche auch aktuell ist.
Möchte das für den aktuellen Strompreis visualisieren damit man es einfacher ablesen kann.

Habe schon mit dem CSS Tool blink gearbeitet, bekomme es aber nicht hin...

Bitte um Hilfe

[Ro75]

@marcogoldau relativ einfach.

in der VIS im Register CSS

.blink {
  animation: blinker 3s linear infinite;
}
  
@keyframes blinker {
  40% {
    opacity: 0;
  }
}

Dann erstellst du unter "0_userdata.0.xxx.yyy" einen Datenpunkt vom Wert Zeichenkette. Diesen Datenpunkt befüllst du nach Wunsch (Uhrzeit) via Skript oder Blockly mit dem Wert "blink" (da soll es dann blinken) oder einfach leer lassen (da soll es nicht blinken)

In der VIS dann bei dem Objekt (Text, Bild,...) bei CSS Klasse

{Dein befüllter Datenpunkt}

Fertig.

Ro75.

[MarcoGoldau]

@ro75 Danke für die schnelle Antwort.

Im Register CSS habe ich dein Text eingefügt.

Den Datenpunkt habe ich als Zeichenkette erstellt.

Ich habe erst mal Manuell blink in den Wert des Datenpunktes geschrieben.

Auf dem Basic String widget habe ich bei CSS Klasse 0_userdata.0.5:00 eingefügt. Der Datenpunkt heißt 5:00.

Leider fängt es nicht an zu blinken :/

Wenn ich blink bei CSS Klasse reinschreibe, blinkt mein Text.

Was mache ich noch falsch ?

Danke im voraus ! :)

[Ro75]

@marcogoldau sagte in VIS Text Widget zum blinken bringen:

0_userdata.0.5:00 eingefügt.

ist ja auch falsch

{DEIN DATENPUNKT}

Innherhalb der geschweiften Klammern muss der Datenpunkt mit dem Wert blink stehen.

@marcogoldau sagte in VIS Text Widget zum blinken bringen:

Der Datenpunkt heißt 5:00.

In Bezeichnungen keine Sonderzeichen oder Leerzeichen. Ein Doppelpinkt ist mehr als schlecht.

Ro75.

EDIT: Das BLINKEN GEHT NUR ZUR LAUFZEIT. NICHT IM EDITOR!

[MarcoGoldau]

@ro75 Danke, hat geklappt !