Custom Animate Frame with time delay and function

animation-frame-js.js

window.animateFrame = function(delay = 0, func = () => {}) {
    let start = Date.now(), // starting time
    myReq;
    if(typeof func != 'function') {
      throw new Error('Not a function')
    }
    
    function loop() {
        // check if timer is expired
        if (Date.now() - start < delay) {
          console.log('animating')
          myReq = requestAnimationFrame(loop);
        } else {
          cancelAnimationFrame(myReq)
          func()
        }
    }
    loop(); // fire the initial loop
}

// 1 second animate is 1000
animateFrame(1000)

// 1 second with End timer function 
animateFrame(1000, () => console.log('End timer function'))