Technical Documentation

1. Implementation Logic

The script uses a high-resolution timer to calculate the current value based on the elapsed time.

• Math: It applies an easeOutExpo formula to the progress ratio, ensuring the animation feels professional and "premium."

• Rendering: Updates the innerText of the placeholder, ensuring it’s lightweight and SEO-friendly.

2. Input Parameters

• TargetNumber: The number you want to reach (e.g., 1250.50).

• Duration: How long the "journey" takes. For landing pages, 2000ms (2 seconds) is the sweet spot.

• Decimals: Set to 2 for financial values, or 0 for simple counts.

3. Best Practices

• Viewport Triggering: For the best effect, ensure the animation starts when the user scrolls to the element (you can combine this with OutSystems' "On Visible" events if needed).

• Typography: Works best with clean, modern Sans-Serif fonts where numeric widths are consistent.