본문 바로가기
html · js · jquery · css

시간지연함수 setTimeout()

by 빡스웹 2022. 3. 26.
반응형

인이 지정한 일정 시간 후에 특정 이벤트를 발생 시키는 함수입니다.

setTimeout의 사용법

setTimeout(function(){

    //이 곳에 본인이 원하는 이벤트 코드를 작성하시면 되며 예를 들기 위해 alert() 적용했습니다.

    alert("시간지연함수입니다.");

}, 1000);

위 기본 예제를 보면 1초 후에 "시간지연함수입니다." 라는 경고창이 뜰 것입니다.

그럼 이제 실제 적용하는 방법에 대해 얘기하겠습니다.

<button type="button" onClick="startAlert();">alert 띄우기</button>

<script>
function startAlert(){
	setTimeout(function(){
		alert("alert창이 떴습니다~!");
	}, 1000);
}
</script>
반응형

댓글