javascript - Jquery making div fadeout with timer - Stack Overflow

admin管理员组

文章数量:1194115

Looking to make a div fadeout after 10 seconds.

Tried various things but can't get the timer working.

This is the code:

$('#deletesuccess').show();

Edit:

This is the full code:

    function refreshTable() {
        //timestamp to get around ie caching issue
var tsTimeStamp= new Date().getTime();


$('#deletesuccess').show().fadeOut();



$.get('table.php',
      {action: "get", time: tsTimeStamp},
      function(data){
        $('#customertable').html(data).fadeIn();
      });
return true;
}  

I need to show the div and then hide it after x amount of seconds.

Looking to make a div fadeout after 10 seconds.

Tried various things but can't get the timer working.

This is the code:

$('#deletesuccess').show();

Edit:

This is the full code:

    function refreshTable() {
        //timestamp to get around ie caching issue
var tsTimeStamp= new Date().getTime();


$('#deletesuccess').show().fadeOut();



$.get('table.php',
      {action: "get", time: tsTimeStamp},
      function(data){
        $('#customertable').html(data).fadeIn();
      });
return true;
}  

I need to show the div and then hide it after x amount of seconds.

• javascript
• jquery
• timeout
• fadeout

Share Improve this question Follow edited Mar 23, 2010 at 6:00 rahul 187k5050 gold badges238238 silver badges264264 bronze badges asked Mar 11, 2010 at 13:12 user289554user289554

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 15

An easy way in 1.4:

$('#deletesuccess').delay(10000).fadeOut();

You can also abort this easily if needed:

$('#deletesuccess').stop(true, true);

Use setTimeout for this.

setTimeout(function(){ 
    $("#deletesuccess").fadeOut("slow"); 
  }, 10000 ); 

本文标签： javascriptJquery making div fadeout with timerStack Overflow