timingFunction

[ Function ]

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

Returns the configured timing function. If no timing function has been configured, the default is 'ease'. The timing function can be either a string that represents a valid value for the CSS animation-timing-function property, or a function that accepts a number between 0 and 1 and returns a number.

Parameter

Name

Type

Description

-

-

-

Return value

Type

Description

string, (t: number) => number

The timing function of the animation.

Sample - 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:

Available from 1.8