spz-odometer

Supported layouts: container

When to Use

When you need to display odometer animation.

Code Demonstration

Basic Usage

The most basic usage, starts the animation when the element is first visible.

<spz-odometer start-value="0" end-value="20231212" layout="container" format="(,ddd).d"></spz-odometer>

Properties

Property NameDescriptionTypeDefault ValueRequired
start-valueThe starting value of the animationnumber-Yes
end-valueThe ending value of the animationnumber-Yes
durationDuration of the animation, in millisecondsnumber2000No

AI Summary (LLM Ready)

  • Component ID: spz-odometer
  • One-line purpose: Displays odometer animation.
  • Detected attribute rows: 0
  • Detected method subsections: 0
  • Detected event subsections: 0
  • Top attribute names: none (needs manual completion)
  • Top method names: none (needs manual completion)
  • Top event names: none (needs manual completion)
  • Reading order: start from usage/examples, then verify attributes, methods, and events.
  • Related docs: /en/guide/actions-and-events/ , /en/guide/layouts/