Execute a function repeatedly when frame change.

frameLoop.js

/**
 * Execute a function repeatedly when frame change.
 * @param {Function} func
 * @param {any} args
 * @return {stop} : Function to stop the loop
 */
function frameLoop(func, ...args) {
    let loop = true;

    (async function execute() {
        await nextFrame();

        func(...args);

        if (loop) execute();
    })();

    return stop;

    function stop() {
        loop = false;
    }
}

nextFrame.js

/**
 * wait by frame
 * @return {Promise<number>}
 */
export function nextFrame() {
    return new Promise(execute);

    function execute(resolve) {
        const id = requestAnimationFrame(() => resolve(id));
    }
}