[JavaScript] Sleep 기능 구현하기.

늘 필요한 건 아니지만, 때때로 일정시간동안 기다린 후에 동작시켜야 하는 경우가 있다.

이때, 이 방법으로 Javascript상에서도 sleep기능과 유사한 방식으로 동작시킬 수 있다.

 

async await 과 Promise를 활용한 방법이다.

 

function sleep(ms){
        if(!Number.isNaN(ms)){
            console.log(`sleep ${ms} ms`);
            return new Promise(resolve => setTimeout(resolve, ms));
        } else return new Promise(resolve => resolve());
    }

    document.addEventListener("DOMContentLoaded", async function(){
       console.log('시작 !');
       await sleep(3000);
       console.log('종료 !');
    })

실행결과