How to make a infinite loop on an animation ?

Hi,

I'm new on Jquery, I have a few bases on Javascript, but Jquery is another thing for me :)
I'd like to ask some specialists about my problem, because after researches on many websites, I can't find issue to my problem.
Let me explain to you :

I put a script on my website (animo.js) that allow me to put some visual effects on chosen elements.
The visual effect works correctly, but only one time, and I'd like to make a loop on it.

You can see the element I want to make a visual effect on here : https://rankerz.fr/

You can find it on the right sticky blue bar, the animation is on the little icon, where it is written "S.O.S." below it.

I tested the following code :

var i = 0;
while(i<7){
        $('#bounce-it34').animo( { animation: ['tada', 'bounce'], duration: 1 } );
        i++;
}

But the animation works only for one time. So I tried another thing I found on Stackoverflow :

var i = 0;
$(document).ready(function() {
     makeBouncing()
}  

function makeBouncing(){
    $('#bounce-it34').animo( { animation: ['tada', 'bounce'], duration: 1 } );
    i++;
    window.setTimeout(function() { makeBouncing() }, 500)
}

But this time, it didn't work at all.

Do you know how could I fix this problem ?

Thanks a lot !

Regards,

Topic Participants
g.dacunto
jakecigar

How to make a infinite loop on an animation ?

How to make a infinite loop on an animation ?

Topic Participants

g.dacunto

jakecigar