[JS] 유용한 함수들

setTimeout(Function, Delay);

Delay만큼 기다린 후 Function을 실행한다.

Delay에는 숫자만 적어주면 되며, 단위는 ms이다.

 

재귀함수에 사용하면 일정 시간이 지날 때 마다 작업을 수행하는 데에 유용하다.

다음 코드는 setTimeout을 사용하여 target 요소에 텍스트를 하나씩 넣어주는 함수이다.

function dynamic(randomArr){
    if(randomArr.length>0){
        target.textContent += randomArr.shift();
        setTimeout(function(){
            dynamic(randomArr);
        }, 80);
    }
}