<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>setTimeout()으로 웹 페이지 자동 연결</title>
<script>
var timerID=null;
function func1() {
alert('func1() 호출됨!');
}
function func2(name) {
alert(name + ' : func2() 호출됨!');
}
function startTimer(time) {
// 타이머 시작
timerID = setTimeout("load('http://www.naver.com')", time);
// 세가지 표현 모두 가능
//timerID = setTimeout(function () { alert('aa') }, time);
//timerID = setTimeout(func1, time);
//timerID = setTimeout('func2("홍길동")', time);
// 툴팁 메시지
document.getElementById("img").title = "타이머 작동 시작...";
}
function cancelTimer() {
if(timerID !=null)
clearTimeout(timerID); // 타이머 중단
}
function load(url) {
window.location = url; // 현재 윈도우에 url 사이트 로드
}
</script>
</head>
<body>
<h3>이미지에 마우스를 올리고 5초간 그대로 있을 때 사이트로 이동합니다</h3>
<hr>
<img id="img" src="media/naver.gif"
onmouseover="startTimer(5000)"
onmouseout="cancelTimer()">
</body>
</html>
'IT > JavaScript' 카테고리의 다른 글
| javascript - form submit 제한의 여러가지 방법 (0) | 2018.08.30 |
|---|---|
| javascript - 이벤트 기초 및 활용법, preventDefault, stopPropagation, form, radio, checkbox (0) | 2018.08.27 |
| javascript - document.getElementById, document.write(), prompt, eval, 조건문, 반복문, 함수 (0) | 2018.08.26 |
| javascript - 함수정의, 함수호출, 익명함수 (0) | 2018.08.24 |