Detect if page has finished loading

by 
jQuery(window).load(function () {
    alert('page is loaded');

    setTimeout(function () {
        alert('page is loaded and 1 minute has passed');   
    }, 60000);

});

Or http://jsfiddle.net/tangibleJ/fLLrs/1/

See also http://api.jquery.com/load-event/ for an explanation on the jQuery(window).load.

Update

A detailed explanation on how javascript loading works and the two events DOMContentLoaded and OnLoad can be found on this page.

DOMContentLoaded: When the DOM is ready to be manipulated. jQuery’s way of capturing this event is with jQuery(document).ready(function () {});.

OnLoad: When the DOM is ready and all assets – this includes images, iframe, fonts, etc – have been loaded and the spinning wheel / hour class disappear. jQuery’s way of capturing this event is the above mentioned jQuery(window).load.

More Related Contents:

  1. meaning of console.log(id); id = id.split(" "); [closed]
  2. How can I get the ID of an element using jQuery?
  3. Difference between $.ajax() and $.get() and $.load()
  4. What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)
  5. How to change the text of a button in jQuery?
  6. How to enable CORS in flask
  7. jQuery watch div
  8. How to access JSON Object name/value?
  9. MVC 3 jQuery Validation/globalizing of number/decimal field
  10. jQuery serialize does not register checkboxes
  11. jQuery : remove element except inside element
  12. override jquery validate plugin email address validation
  13. adding jQuery click events to dynamically added content
  14. How to make Chrome remember password for an AJAX form?
  15. Getting an empty JQuery object
  16. How to solve/hack fading semi-transparent PNG bug in IE8?
  17. jQuery ajax inside a loop problem
  18. Bootstrap CSS Active Navigation
  19. jQuery trigger when 2/3s of div are in viewport
  20. Can Fancybox be responsive only horizontally for tall content?
  21. In JQGrid, Is it possible to use different formatter on grouping summary cell other than column formatter?
  22. jQuery ajax call to REST service
  23. How to enable jQuery support in Aptana Studio 3
  24. Display jquery ui auto-complete list on focus event
  25. How to create thead and tbody in ASP.NET Table ?
  26. jQuery autoComplete view all on click?
  27. jQuery Uncaught TypeError: Cannot read property ‘fn’ of undefined (anonymous function)
  28. How to enforce a “smooth scrolling” rule for mousewheel, jQuery?
  29. Get bottom and right position of an element
  30. jqGrid with automatic height; but has a max height & scrollbars

Leave a Comment