[JS Async DOM] Wait until async element will be added to the DOM then handle it

index.js

function waitForElement(selector, timeout = 5000) {
    return new Promise((resolve, reject) => {
        const startTime = Date.now();

        function check() {
            const element = document.querySelector(selector);
            if (element) {
                return resolve(element);
            }
            if (Date.now() - startTime >= timeout) {
                return reject(new Error(`[Error] Element not found: ${selector}`));
            }
            setTimeout(check, 100);
        }

        check();
    });
}

async function initVimeoPlayer(selector) {
    try {
        const iframe = await waitForElement(selector);
        return new Vimeo.Player(iframe);
    } catch (error) {
        console.error(error);
        return null;
    }
}

// usage
if (playerType === "vimeo") {
    initVimeoPlayer(iframeSelector).then(vimeoPlayer => {
        if (vimeoPlayer) {
            player = vimeoPlayer;
            player.on("timeupdate", event => {
                handleTimeUpdate(player, section, playerType, event.seconds);
            });
        }
    });
}