I want to start a function only ONCE only when the user has scrolled a certain amount or a certain amount of time has passed.

right now I am doing this -

1. setTimout for desired amount of time
2. Clear timeout once if the user has scrolled the desired amount.
3. and execute the function.
4. Then clear the event listener for scroll.

const startSlides = setTimeout (() => {
    start();
}, 5000);

const doThis =  () => { debounce ( () => {
        if (window.scrollY > window.screen.height * 0.5) {
            start(); // start the animation of the slides;
            clearTimeout(startSlides);
            window.removeEventListener("scroll", doThis);
            return;
        }
    }, 200)
};
window.addEventListener ("scroll" , doThis);