Counting up animation for an html5 banner ad

[erickjgil]

Hello community,

I am reaching out because I need to figure out a way to animate a counter going up from 15 to 95 for an html5 banner ad.

I tried searching for a solution in the community and found a couple of similar questions but so far the solutions haven't worked for me.

Would anyone please be able to assist me with this one? Thank you!

[JoãoCésar · Accepted solution]

Hi.

You can use TweenJS for this kind of animation. Like this:

this.countText.count = 15;

createjs.Tween.get(this.countText).to({ count: 95 }, 1000, createjs.Ease.sineOut).addEventListener("change", function(e)
{
	e.target.target.text = Math.round(e.target.target.count).toString();
});

I hope it helps.

Regards,

JC

[erickjgil]

This worked for me. Thank you so much, JC!

[JoãoCésar]

Awesome! You're welcome!