InterpolatedAnimation

• Animation
  • ParentAnimation
    • ParallelAnimation
    • SequenceAnimation
    • SelectionAnimation
      • ConditionAnimation
      • CaseAnimation
  • FadeAnimation
    • FadeInAnimation
    • FadeOutAnimation
      • PulseAnimation
  • PropertyAnimation
    • DiscreteAnimation
    • InterpolatedAnimation
      • ColorAnimation
      • LengthAnimation
      • MoveAnimation
      • ResizeAnimation
  • ScaleAnimation
  • Action
    • EnableAction
    • HideAction
    • StyleAction
    • OpacityAction
    • ScriptAction

InterpolatedAnimation (inherits PropertyAnimation)

The InterpolatedAnimation assigns a range of values between startValue and endValue to the designated property.

Client properties

Name	Description
endValue	Specifies the end value of the value range.
startValue	Specifies the start value of the value range.

Client methods

Name	Description
constructor(target, duration, fps, property, propertyKey, startValue, endValue)

Client properties

endValue

Specifies the end value of the value range.

Getter name: get_endValue()
Setter name: set_endValue(value)

startValue

Specifies the start value of the value range.

Getter name: get_startValue()
Setter name: set_startValue(value)

Client methods

constructor(target, duration, fps, property, propertyKey, startValue, endValue)

Params:

• target

  • Type: Object
  • Description: Length of the animation in seconds. The default is 1.

• duration

  • Type: Number
  • Description: Length of the animation in seconds. The default is 1.

• fps

  • Type: Number
  • Description: Number of steps per second. The default is 25.

• property

  • Type: Object
  • Description: Property of the target element to set when animating.

• propertyKey

  • Type: Object
  • Description: optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color).

• startValue

  • Type: Object
  • Description: Start of the range of values.

• endValue

  • Type: Object
  • Description: End of the range of values.