본문 바로가기
Web/JAVASCRIPT

setTimeout 타이머

by print_soo 2023. 7. 23.

해당 시간 뒤에 해당 동작이 실행되는 기능을 만들어 보자 

<div class="alert alert-danger">
    5초 이내 구매시 사은품 증정
</div>

// 기본 사용법 
setTimeout(function(){
    //밀리초(ms) 뒤에 작동하는 동작        
}, 시간)

// 응용 사용법
setTimeout(함수, 시간)

function 함수() {
	//기능
}

 

 

위의 setTimeout 함수를 활용해서 alert를 5초 후에 없애보자.

 

setTimeout(function(){
    $('.alert').hide();
}, 5000)

 

 

  • 타이머 관련 
    • setTimeout : 해당 시간 후 실행
    • setInterval : 해당 시간 마다 반복 실행