requestAnimationFrame

setInterval 과 비슷한 requestAnimationFrame

    let timeId;
    let num = 0;

    function sample(){
      
      num ++;
      console.log(num);
      timeId = requestAnimationFrame(sample)
    }
    sample()

    document.querySelector('.btn').addEventListener('click',function(){
      cancelAnimationFrame(timeId)
    })

함수안에 requestAnimationFrame(함수이름) 을 적용해주면
60분의1초의 속도로 반복해서 나타내어준다.

취소를 원하면 cancelAnimationFrame(함수이름)을 해주면 취소다 된다.