How to tween an integer variable using TweenMax?

javascript gsap
Ashkan Ghodrat picture Ashkan Ghodrat · Jul 21, 2013 · Viewed 12.5k times · Source

How to tween an integer variable using Greensock:TweenMax,TweenLite in javascript?

Answer

Ashkan Ghodrat picture Ashkan Ghodrat · Jul 21, 2013 
 var counter = { var: 0 };
 TweenMax.to(counter, 5, {
      var: 100, 
      onUpdate: function () {
          console.log(Math.ceil(counter.var));
      },
      ease:Circ.easeOut
  });

it starts from 0 to 100 in 5 seconds.

sample code

Related questions

How should I handle a leave animation in componentWillUnmount in React?

I was wondering if anyone could provide some insight about how they handle leave animations in React.js. I have been using Greensock TweenMax and the enter animations work fine on componentDidMount, but I haven't found a reliable way to …

Read More
Is there a simple way to reset a TimelineMax JavaScript object?

I'm having trouble re-initializing a TimelineMax sequence. When the window is resized, I need to revert all the tweens to their default styles and re-initialize them based on the new window size. Is there a simple way to effectively destroy …

Read More
jQuery Animation vs GreenSock TweenMax

I encounter with a question what the cons and pros of using jquery.animate() and GreenSock TweenMax animating engines. So maybe there is any one who knows it. There is not enough information on the web, also what about the …

Read More