timingFunction

[ Funktion ]

public timingFunction(): string | ((t: number) => number);

Gibt die konfigurierte Timing-Funktion zurück. Wenn keine Timing-Funktion konfiguriert wurde ist der Default 'ease'. Die Timing-Funktion kann entweder ein String sein, der einen gültigen Wert für die CSS-Eigenschaft animation-timing-function darstellt, oder eine Funktion, die eine Zahl zwischen 0 und 1 entgegennimmt und eine Zahl zurückgibt.

Parameter

Name

Typ

Beschreibung

-

-

-

Rückgabewert

Typ

Beschreibung

string, (t: number) => number

Die Timing-Funktion der Animation.

Beispiel – JavaScript

var animation = new TcHmi.Animation('ViewDesktopBeckhoffLogo', '');
var timingDefault = animation.timingFunction(); // 'ease'
animation.timingFunction('cubic-bezier(0.1, -0.6, 0.2, 0)');
var timing = animation.timingFunction(); // 'cubic-bezier(0.1, -0.6, 0.2, 0)'
timingFunction 1:

Verfügbar ab Version 1.8