Question

158

jQuery animate loop

rated 0 times [ 165] [ 7] / answers: 1 / hits: 25709 / 13 Years ago, tue, june 14, 2011, 12:00:00

I have a problem with animate loop. There is an object i want to move in a special way and do it in loop. Are there any native options to make it? I have this:

$(function () {

    function runIt() {

        $('#div').show(slow);

        $('#div').animate({marginLeft:300px},8000);

        $('#div').animate({marginLeft:0px},8000);

        $('#div').hide(slow, runIt);

    }

    runIt();

});

But it seems not so pretty.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

raymondd

Add To Favorites

Follow

Total Points: 620

Total Questions: 112

Total Answers: 94

Location: Namibia

Member since Mon, Feb 21, 2022

2 Years ago

raymondd questions

1 Automatically adjust height of iframe using React Hooks

Thu, Apr 22, 21, 00:00, 3 Years ago

1 What's the proper location to store images in VueJS - public folder or assets folder?

Sat, Jul 11, 20, 00:00, 4 Years ago

1 Convert binary to blob url

Thu, Jul 9, 20, 00:00, 4 Years ago

1 Show Loading indicator on Bootstrap 4 (Modal) dialog

Thu, Apr 9, 20, 00:00, 4 Years ago

1 Script injected with insertAdjacentHTML() does not execute

Thu, Jul 25, 19, 00:00, 5 Years ago

View All

answered 13 Years ago dylan · Accepted Answer

That is how I would do it. The only suggestion I would make is to use chaining for nicer code and so the jquery object doesn't get created every time.

$(function () {

   function runIt() {

      $('#div').show(slow)

               .animate({marginLeft:300px},8000)

               .animate({marginLeft:0px},8000)

               .hide(slow, runIt);

   }



   runIt();

});