Jump to content

  • Free consultations and support
  • Live chatClick Here for Live Chat
  • Call ico 1888-906-1888
    Phone support: Open

    Ready for your call :)

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams

    Phone support: Closed

    We are back in: 1h 20m

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams

How to delay animation in jQuery

animation delay jquery

  • Please log in to reply

#1 SmartWeb


    Senior Member

  • Designer
  • 271 posts

Posted 16 August 2012 - 09:58 AM

Using delay with animate() method is a quick, and easy way in jQuery to delay actions without using the setTimeout method. You can add an animate function to your chain and then animate the element, so it doesn’t look like there is anything happening
For ex. If you want to open a dialog, and then close it after 10 seconds. You can do it like this

$(function(){$("body").append("<div class='dialog'></div>").<em>animate({ opacity : 1.0 }, 10000)</em>.fadeOut();

#2 Almeida



  • Designer
  • 75 posts

Posted 17 December 2012 - 04:20 PM

Obrigado!! Muito bom

Also tagged with one or more of these keywords: animation, delay, jquery

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users