WinCC Unified WinCC Unified DynamicSVG mit Java Script animieren

Frozen19

Level-2
Beiträge
66
Reaktionspunkte
0
Zuviel Werbung?
-> Hier kostenlos registrieren
Hallo Zusammen,

Ich möchte ein Dynamisches SVG die laufposition 1-4 mit einem Java Script animieren das die animation immer läuft (siehe Bild)
jedoch bekomm ich irgenwie da nichts zusammen da ich mich das erstemal mit Unified beschäftige.
Vielen Dank für jede Hilfe!

BG
Frozen
1723370381637.png
 
Wenn du die RunningPosition direkt am SVG änderst, wird alles richtig dargestellt?

Sonst versuch es mal mit einem zyklischen Skriptaufruf (1s) und lass das sleep weg. Bin mir da nicht sicher, ob das zu Problemen führen könnte.
 
Zuviel Werbung?
-> Hier kostenlos registrieren
In Unified kannst du eine Verzögerung über einen Timer realisieren (ist in der Doku beschrieben).

Könnte dann so aussehen:

// Vorhandenen Timer löschen, falls bereits existierend
let timer1;
if (timer1 !== null) {
HMIRuntime.Timers.ClearInterval(timer1);
}

// Neuen Timer setzen
timer1 = HMIRuntime.Timers.SetInterval(function() {
value = 1;
}, 250);



Hier ist die Verzögerung 250ms.

Gruß
 
Zurück
Oben