Run requestAnimationFrame elke 5 seconde

Hallo,


Ik loop vast met het volgende in JavaScript
Wat ik probeer is om een requestAnimationFrame elke 5 seconden te laten lopen.
Als voorbeeld heb ik een fade in gemaakt met requestAnimationFrame.

setTimeout(() => {
  let start;
  let ani = window.requestAnimationFrame(animation);
  function animation(timeStamp){
    document.getElementById('box').style.opacity = 0;
    if(!start){ 
	    start = timeStamp;
	  }
    const opacity = (timeStamp - start) / 3000;
    if(opacity >= 1){
      document.getElementById('box').style.opacity = 1;
      window.cancelAnimationFrame(ani);
      return;
    }
    document.getElementById('box').style.opacity = opacity;
    window.requestAnimationFrame(animation);
  }
}, 5000);

Helaas doet de code het maar 1x en word de loop zoals ik die zou willen van 5 seconden niet gedaan.


Wat zie ik over het hoofd?