Define a set number of loops?

[NoLooseEnds]

Hi,

I'm new to lottie/bodymovin and not very fluent in JS. So I would love to get a bit of help getting my animation to run twice (or loop once if you like) – or preferably a way to define a set amount of loops.

Javascript:

var animation = bodymovin.loadAnimation({
    container: document.getElementById('animation-test'),
    renderer: 'svg',
    loop: false,
    autoplay: true,
    path: 'data.json'
})

This works as expected, and it runs once.

Is there a way to define a set amount of loops?

Thank you!

[bodymovin]

you can pass a number to the loop param instead of false.

[NoLooseEnds]

Thank you for the answer!

Is it possible to show a code example?

[bodymovin]

var animation = bodymovin.loadAnimation({
    container: document.getElementById('animation-test'),
    renderer: 'svg',
    loop: 4,
    autoplay: true,
    path: 'data.json'
})

[NoLooseEnds]

Thank you. Can't believe it was that easy, I was looking at all sorts of complicated solutions.

Much appreciated.

[JanSzidat]

This only works the first time I play my animation. If I goToAndPlay(0) after that it only plays once, even if I set anim.loop = 2 before playing again.

[cheestudio]

@bodymovin 4 years later and this advice still works. Amazing how the docs list the "loop" property as a simple boolean in the React docs, yet passing an integer worked perfectly!

https://docs.lottiefiles.com/lottie-player/components/lottie-react/properties

[reatlat]

new link here https://developers.lottiefiles.com/docs/dotlottie-player/dotlottie-web/properties/