timingFunction

[ Funktion ]

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

Stellt die Timing-Funktion der Animation ein.

Parameter

Name	Typ	Beschreibung
valueNew	string, (t: number) => number, null	Die Timing-Funktion der Animation. Wenn null übergeben wird, wird der Standardwert `'ease'` verwendet. 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. Wenn eine JavaScript-Funktion übergeben wird, kann die Animation nicht über CSS abgespielt werden.

Name

Typ

Beschreibung

valueNew

string, (t: number) => number, null

Die Timing-Funktion der Animation. Wenn null übergeben wird, wird der Standardwert 'ease' verwendet.

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. Wenn eine JavaScript-Funktion übergeben wird, kann die Animation nicht über CSS abgespielt werden.

Rückgabewert

Typ	Beschreibung
TcHmi.Animation	Diese Methode gibt ihr Elternobjekt zurück, um eine Aneinanderkettung von Methodenaufrufen zu ermöglichen.

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)'

	Verfügbar ab Version 1.8