Shows a big DONE sign when the page is fully loaded
Before this script, I would find myself constantly hovering over things on the page to see if the cursor properly changed to a hand (aka. checking if the page was fully loaded).
Sometimes a page can look loaded, but not be yet. On some slower PCs, when you try to interact with a non-fully-loaded page, it can be very laggy.
So I decided to give users a way to know when the page was fully loaded, so they can see when the best time for them to start interacting with the page should be.
[developer info]
I decided to make my own function for determining when the page was ready for interaction, as opposed to just hitching onto the "load" event.
I add listeners that listen for any subtree modifications, node insertions, and node removals. If any of these happen before a timer of 500ms is up,
the timer will reset and start listening again, until it reaches a point where relatively no DOM activity has happened for over 500ms.
This ensures that the page is fairly ready to be interacted with, since it is no longer modifying the page that often.
Donate to Joe Simmons
Dedicated to Elliott Hulse
