Repeat animation without setInterval

[tilohi8071]

Hi there,

I need a simple animation: An element moves towards its starting point (x: 500), then for some time, this value changes randomly every second, and after about 10 seconds, the element moves towards its final point (x: 1000).

I tried to do this using the repeat property and chain calls, but it didn't work out well. Here's an example implementation using setTimeout and setInterval. Can someone help me refactor this using gsap properties and methods?

See the Pen OJBVZxM by coyibe2003 (@coyibe2003) on CodePen

[PointC]

Hi @tilohi8071 

 

Welcome to the forum.

 

If I understand your desired outcome correctly, I'd tap into random and repeatRefresh like this:

See the Pen eeadbc4fec40ac5924627de100a06d19 by PointC (@PointC) on CodePen

 

Hopefully that helps and welcome aboard.

[tilohi8071]

@PointC Thanks a lot