Is setInterval() and setTimeout() bad things to do in modern jQuery animations?

by

In general setInterval == BAD and setTimeout == GOOD for animations.

setInterval will try play catchup, as nnnnnn stated:

some browsers may queue everything and then try to catch up when your
tab gets focus again

You best method for looping animate() is by calling recursively, for example:

var myTimeout;

var myAnimation = function () {

    $('#myID').animate({
        [propertyKey]:[propertyValue]
    }, 5000, function() {
        myTimeout = setTimeOut(myAnimation, 1000);
    });
}

Notice how the myTimeout is held outside the scope of myAnnimation allowing the ability to stop the animation

clearTimeout(myTimeout);

Which you could hook up to the window.unload event.

More Related Contents:

  1. javascript show intro animation, then website
  2. How to run two jQuery animations simultaneously?
  3. How to build simple jQuery image slider with sliding or opacity effect?
  4. How do I find out with jQuery if an element is being animated?
  5. Scroll smoothly to specific element on page
  6. CSS3-Animate elements if visible in viewport (Page Scroll)
  7. jQuery + RGBA color animations
  8. jQuery easing function — variables’ comprehension
  9. jQuery animated number counter from zero to value
  10. JQuery – animate moving DOM element to new parent?
  11. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  12. A non-nested animation sequence in jQuery?
  13. Get the longest text in HTML document using Jquery or javascript
  14. Hide/Show image on one click [closed]
  15. How to move an element into another element?
  16. Convert blob to base64
  17. jquery (or pure js) simulate enter key pressed for testing
  18. Format date to MM/dd/yyyy in JavaScript [duplicate]
  19. Check if an array is empty or exists
  20. Convert JS Object to form data
  21. jQuery: Get selected element tag name
  22. jQuery drop down menu closing by clicking outside
  23. HTML anchor link – href and onclick both?
  24. jQuery pitfalls to avoid [closed]
  25. jQuery find and replace string
  26. jQuery post request (not AJAX)
  27. jQuery show/hide options from one select drop down, when option on other select dropdown is slected
  28. How can I remove wrapper (parent element) without removing the child?
  29. refresh div with jquery
  30. How to focus an input field on Android browser through javascript or jquery

Leave a Comment