Hide div after a few seconds

by

This will hide the div after 1 second (1000 milliseconds).

setTimeout(function() {
    $('#mydiv').fadeOut('fast');
}, 1000); // <-- time in milliseconds
#mydiv{
    width: 100px;
    height: 100px;
    background: #000;
    color: #fff;
    text-align: center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mydiv">myDiv</div>

If you just want to hide without fading, use hide().

More Related Contents:

  1. How to count the characters in a input text [closed]
  2. jQuery 1.9 .live() is not a function
  3. How to bind fancybox to dynamic added element?
  4. How to add an object to an array
  5. JSFiddle code not working in my own page
  6. How to calculate the XPath position of an element using Javascript?
  7. Uncaught Error: SECURITY_ERR: DOM Exception 18 when I try to set a cookie
  8. Is it possible to save HTML page as PDF using JavaScript or jquery?
  9. Cancel/kill window.setTimeout() before it happens
  10. Get unique selector of element in Jquery
  11. How to get all selected values from ?
  12. Auto-refreshing div with jQuery – setTimeout or another method?
  13. Set content of iframe
  14. Uncaught ReferenceError: jQuery is not defined [duplicate]
  15. Export HTML page to PDF on user click using JavaScript
  16. Maximum call stack size exceeded on SetTimeout recursive function (Javascript) [duplicate]
  17. How to find if div with specific id exists in jQuery?
  18. How To Show And Hide Input Fields Based On Radio Button Selection
  19. jQuery AJAX polling for JSON response, handling based on AJAX result or JSON content
  20. Access CSS file contents via JavaScript
  21. Onclick reload the div only
  22. Catch only keypresses that change input?
  23. jQuery append() vs appendChild()
  24. IE9: Why setting “-ms-transform” works from css, but not with jquery.css()
  25. Twitter Bootstrap Popovers not working for Dynamically Generated Content
  26. How to customize the position of an alert box
  27. Finish one animation then start the other one
  28. How to execute code in a javascript append
  29. does e.stopPropagation() in jquery works on anchor tag
  30. Auto Load and Refresh Div every 10 Seconds with jQuery

Leave a Comment