반응형
본인이 지정한 일정 시간 후에 특정 이벤트를 발생 시키는 함수입니다.
setTimeout의 사용법
setTimeout(function(){
//이 곳에 본인이 원하는 이벤트 코드를 작성하시면 되며 예를 들기 위해 alert() 적용했습니다.
alert("시간지연함수입니다.");
}, 1000);
위 기본 예제를 보면 1초 후에 "시간지연함수입니다." 라는 경고창이 뜰 것입니다.
그럼 이제 실제 적용하는 방법에 대해 얘기하겠습니다.
<button type="button" onClick="startAlert();">alert 띄우기</button>
<script>
function startAlert(){
setTimeout(function(){
alert("alert창이 떴습니다~!");
}, 1000);
}
</script>
반응형
'html · js · jquery · css' 카테고리의 다른 글
Youtube API 이용방법 (0) | 2022.05.14 |
---|---|
일정시간 반복실행 함수 setInterval(), clearInterval() (0) | 2022.03.26 |
animate()를 이용한 버튼 클릭시 자연스럽게 맨 위로 스크롤하기 (0) | 2022.03.26 |
자바스크립트, 제이쿼리를 이용해 객체 가져오기 (0) | 2022.03.26 |
animate()를 이용해 height auto 효과주기 (0) | 2022.03.26 |
댓글