Search for an element until found using JavaScript

Ciprian on Tuesday, September 19, 2017 in Blog

NEW! Learn JavaScript by example. Code snippets, how-to's and tutorials. Try now!

A nice piece of code to use for A/B testing to look for a certain element every 50 milliseconds, execute the code when found, then clear the interval loop. If the element is not found the loop is interrupted after 15 seconds.

var ytTimeoutId;

window.onload = function() {
    ytTimeoutId = setInterval(function() {
        // Check for a specific element ID
        if (document.getElementById('element')) {
            // Do stuff

            window.clearInterval(ytTimeoutId);
        }
    }, 50);

    setTimeout(function() {
        window.clearInterval(ytTimeoutId);
    }, 15000);
}

Change the interval ping value or the general timeout value (15 seconds) as you see fit.

Find more JavaScript tutorials, code snippets and samples here.

Related posts

Leave a Reply

You have to agree to the comment policy.

Follow me!

If you like this article, go ahead and follow me on Twitter or buy me a coffee to support my work!

Follow @getButterfly