wait-for-it.js
A JavaScript Library that allows you to execute function when a certain element gets added to the document
Getting Started
If you want to use the latest version you can use jsDelivr CDN to import wait-for-it.js into your application as follows:
<script src="https://cdn.jsdelivr.net/gh/cstayyab/wait-for-it.js@main/wait-for-it.js"></script>
Then you can just call waitForElement function with selector and a callback to see the magic.
It's just simple as that.
Working
wait-for-it.js uses HTML MutationObserver to wait for the selectors registered to it. Whenever an element gets added to the document, if checks for the registered selectors and if it finds an element with that selector it executes your callback function and removes that callback from its queue to prevent retriggering.
And that is how the magic happens.
Update v0.1.1:
Now you can specify a third parameter timeout to waitForElement. If the specific element does not appear in the given time your callback will be called with a timeout = true instead and the selector will also be removed from the queue. Here is an example:
waitForElement('#NonExistentSelector', function (timeout) {
if(timeout === true) {
console.log('As Expected, Element with #NonExistentSelector did not appear in 1000 milliseconds.');
return;
}
console.log('This is not possible at all!');
}, 1000);
6 Nov 26, 2022
14 Dec 8, 2022
6 Aug 1, 2022
45 Jan 4, 2023
5 May 13, 2021
5 Nov 12, 2022
5 Dec 15, 2022
7 May 5, 2022
6 Dec 19, 2022
16 Dec 27, 2022