Documentation / @andrew_l/dom / animateNumber

Function: animateNumber()

animateNumber(__namedParameters): () => void

Animates a numeric value from from to to over a specified duration, applying an optional timing function.

The animation will continuously update the value using the onUpdate callback until the animation is complete. Once the animation ends, the onEnd callback will be called, if provided.

Parameters

• __namedParameters: AnimateNumberProps

Returns

Function

A function that can be called to cancel the animation.

Returns

void

Example

animateNumber({
  from: 0,
  to: 100,
  duration: 1000,
  onUpdate: (value) => {
    console.log(value); // Updated value on each frame
  },
  onEnd: () => {
    console.log('Animation complete!');
  },
});