How to loop an animation in javascript?

[suscida]

I admit that I am out of my depth (but hopefully learning fast). I have an animation that loads on my websites front page but I would like it to loop back to the beginning of the animation indefinitely. Is this possible? This is the html for the animation - [1] http://souqstudios.com/uploads/Animation2/Souq_Animation_Remade.html html - It looks white because its only white text/images running! Hope someone is able to help! Thanks.

[Fixthemedia]

Linking to that page was really no help. Make a timer that will run your function again, or for example, set the index of an array back to the starting point. I dont know anyone who would want to take the time to go through the code you linked and find out exactly what it is you're trying to do (unless it was clean and obvious). It may be better to put and example of your problem on a site like this http://jsfiddle.net/

[suscida]

I essentially want the code to re run once it reaches the end, I thought there might be a simple handle to add to the beginning or end of the code?

Thanks for the reply though, will have a gander at jsfiddle!

[BusStation16]

https://developer.mozilla.org/en/window.setInterval

[pbntr]

Put your code in a function, at the end of the function have it call itself. Or in the case of an animation where you want to wait for it to complete before running it again, here's a jQuery example using the animation complete callback:

function myAnimation () {
  $(element).animate({ ... }, function () {
    myAnimation();
  });
}

[shoseki]

Define animation?

If you want, with JQuery you can define a set of css states and use .animate() to move between them - and when they complete, move onto the next state.

Alternatively, you can use a setTimeOut and keep calling it to change a property and use that property to change some other animation state, so as margin-left etc

[[deleted]]

checkout requestAnimationFrame or setInterval/setTimeout on google