-
[JavaScript] window 객체의 setTimeout() 메소드개발 프로세스/Front-end 2021. 6. 18. 04:02
setImeout() 메소드에 밀리초 단위의 타임아웃 지연 시간과 타임아웃 코드를 지정하면, 타임아웃 지연 시간 후 타임아웃 코드를 1회 실행한다.
var timerID = setTimeout("타임아웃 자바스크립트 코드", msec); clearTimeout(timerID);
이미지 위에 마우스를 올린 상태로 5초가 지나면 네이버로 연결. 5초 전에 이미지를 벗어나면 타이머 해제.
<img id="img" src="media/naver.gif" onmouseover="startTimer(5000)" onmouseout="cancelTimer()">
var timerID=null; function startTimer(time) { // 타이머 시작 timerID = setTimeout("load('http://www.naver.com')", time); // 툴팁 메시지 document.getElementById("img").title = "타이머 작동 시작..."; } function cancelTimer() { if(timerID !=null) clearTimeout(timerID); // 타이머 중단 } function load(url) { window.location = url; // 현재 윈도우에 url 사이트 로드 }
'개발 프로세스 > Front-end' 카테고리의 다른 글
[JavaScript] 캔버스에 마우스로 드래깅하여 그리기 (0) 2021.06.17 [JavaScript] 캔버스에 이미지 그리기 (0) 2021.06.17 [JavaScript] 캔버스에 텍스트 그리기 (0) 2021.06.17 [JavaScript] 캔버스에 도형 그리기 (0) 2021.06.17 [JavaScript] 폼과 이벤트 활용 : onreset, onsubmit (0) 2021.06.17