Creating an animated count up number, javascript???

Hi everyone,

I have been racking my brain trying to figure this out and I don't know how to do this.

How can I create an animated number that counts up from 1 to 5000 in a relatively short amount of time, 3 seconds?  

It would be similar to an infographic where you can see the number getting larger and then stop with some information tagged to it.

Thanks so much for any suggestions!

31 Replies
Maria Costa-Stienstra

Hi, Kimberlee.

Thank you for reaching out!

You can create what you're envisioning using variables and triggers. Every time a statement shows up on the screen, you can adjust the variable (add value 18 to the variable counter, then add value 4 to the variable counter, etc.).

In the example below, I used one textbox that animates by paragraph, but you can do it with separate objects as well:

Screen Recording 2022-01-27 at 10.33.07 AM

I hope this helps!