How to Create a Loop in Adobe Edge Animate

There is no built-in function in Adobe Edge Animate (Preview 7) to create a loop to repeat an animation. This is useful for ads that need to repeat content.

You can create a loop using JavaScript with the following steps:

  1. Move the timeline marker to the end of the animation (see below).
  2. Insert a trigger (press Timeline on menu bar and select Insert Trigger).
  3. Enter this.play (0); below function(sym, e).

Adding a loop to an animated in Adobe Edge Animate.

You can’t preview the looping in Edge Animate, but it does work in a web browser.

34 thoughts on “How to Create a Loop in Adobe Edge Animate”

    • June 28, 2011Thank you for making my stneduts have access to your site post. Your kindness is actually greatly appreciated. I’ve some ongoing projects and I wanted them to assist me with it. The only way they were able to accomplish that was carry out some study on the internet so as to help make my work faster. They came across your site as well as content on it, in particular this blog post, seriously helped them to get good conclusions on what we needed to conduct. Of course, I will keep visit the site for fresh updates on this major and other issues of interest.

      Reply
  1. You are a star! You are the only person who happens to mention that you cannot see the loop in EdgeAnimate but you can in a browser! Being unaware of this is the key reason, I think, why people have this problem. Thank you very much.

    Reply
  2. I have tried to make it loop X number of times but cannot get THAT to work. Is there a simple solution? Some variation of this?
    for (i=0;i<5; i++) {
    sym.play(0);
    }

    Reply
  3. I have a looping animation that needs to delay a few minutes when it reaches its end possition, before it starts over again.
    Does someone know how may I accomplish this?
    Thanks in advance!!

    Reply
  4. Thanks for the tutorial! I’m making a banner in Edge which includes a windmill symbol with rotating blades that loops, the rest of the sequence doesn’t, and it works perfectly.

    Reply
  5. Thanks, it perfectly worked here.
    Pour les francophones, aller dans Scénario/Insérer un déclencheur et saisir ou coller le bout de code là où c’est demandé dans la fenêtre qui s’ouvre, fermer avec la croix (pas de Valider ou Accepter) puis enregistrer. Plus qu’à glisser le fichier .htm sur le navigateur et ça marche tout seul !
    I just can’t understand why Adobe didn’t integrate such a basic and useful function in Edge Animate at first place, that’s crazy ! It’s so obvious. Even Photoshop includes it for it’s Gif ! Most of the works done in Edge Animate is just useless in so many case without that little piece of code !

    Reply
  6. I spend a long time trying to figure it out but nothing worked for me. This, on the other hand, worked like a charm! Thanks a ton!

    Reply
  7. a more preferred options to press the go the code( Ctrl + E) and click on the stage, then look for timeline, click on it and look for timeline complete, then click on it.
    Then you insert this code just below function(sym,e)…. Adjust as needed
    // insert code to be run at timeline end here
    this.play(0);

    Reply

Leave a Comment