Hide div after a few seconds

Question

I was wondering  how in jquery am I able to hide a div after a few seconds  Like Gmail s messages for example   I ve tried my best but am unable to get it working

User · Accepted Answer

This will hide the div after 1 second  1000 milliseconds     x000D   x000D  setTimeout function     x000D          mydiv   fadeOut  fast    x000D     1000       lt -- time in milliseconds x000D   mydiv  x000D      width  100px  x000D      height  100px  x000D      background   000  x000D      color   fff  x000D      text-align  center  x000D    x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt div id  mydiv  gt myDiv lt  div gt  x000D   x000D   x000D    If you just want to hide without fading  use hide

User · Answer

jquery offers a variety of methods to hide the div in a timed manner that do not require setting up and later clearing or resetting interval timers or other event handlers  Here are a few examples    Pure hide  one second delay      hide in one second     mydiv   delay 1000  hide 0      Pure hide  no delay      hide immediately     mydiv   delay 0  hide 0      Animated hide      start hide in one second  take 1 2 second for animated hide effect     mydiv   delay 1000  hide 500      fade out     start fade out in one second  take 300ms to fade     mydiv   delay 1000  fadeOut 300      Additionally  the methods can take a queue name or function as a second parameter  depending on method   Documentation for all the calls above and other related calls can be found here  https   api jquery com category effects

User · Answer

lt script gt          function              quot  hide-it quot   hide 7000                          lt  script gt    lt div id  quot hide-it quot  gt myDiv lt  div gt

User · Answer

we can directly use      selector   delay 5000  fadeOut  slow

User · Answer

You can try the  delay        formSentMsg   delay 3200  fadeOut 300     call the div set the delay time in milliseconds and set the property you want to change  in this case I used  fadeOut   so it could be animated  but you can use  hide   as well   http   api jquery com delay

User · Answer

Probably the easiest way is to use the timers plugin   http   plugins jquery com project timers and then call something like    this  oneTime 1000  function             something   hide

User · Answer

There s a really simple way to do this   The problem is that  delay only effects animations  so what you need to do is make  hide   act like an animation by giving it a duration       whatever   delay   hide 1    By giving it a nice short duration  it appears to be instant just like the regular  hide function

User · Answer

Using the jQuery timer will also allow you to have a name associated with the timers that are attached to the object  So you could attach several timers to an object and stop any one of them       myid   oneTime 1000   mytimer1  function           something   hide       oneTime 2000   mytimer2  function           somethingelse   show               myid   stopTime  mytimer2      The eval function  and its relatives  Function  setTimeout  and setInterval  provide access to the JavaScript compiler  This is sometimes necessary  but in most cases it indicates the presence of extremely bad coding  The eval function is the most misused feature of JavaScript   http   www jslint com lint html

User · Answer

fn delay   function time  callback          Empty function      jQuery fx step delay   function             Return meaningless animation   will be added to queue      return this animate  delay 1   time  callback       From http   james padolsey com javascript jquery-delay-plugin    Allows chaining of methods

[javascript] Hide div after a few seconds

Examples related to javascript

Examples related to jquery

Examples related to timing