Hi~ Summers!!

setInterval을 이용한 타이머(timer) 본문

개발/JavaScript

setInterval을 이용한 타이머(timer)

eNaNII 2013. 9. 24. 10:55



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!doctype html>
<html lang="ko">
<head>
<title> New Document </title>
<meta charset="utf-8">
<script>
var timer;
var maxMin = "30";
 
window.onload = function() {
    txt_timer.value = maxMin;
    
    timer = setInterval(handleTimer, 1000);    // 3초 간격으로 호출
}
 
function handleTimer() {
    txt_timer.value = txt_timer.value*1 - 1;
 
    if(txt_timer.value == 0) {
        if(confirm("타이머 종료?")) {
            clearInterval(timer);        // 타이머 종료
        }
        else {
            txt_timer.value = maxMin;
        }
    }
}
</script>
</head>
 
<body>
<input type="text" id="txt_timer" />
</body>
</html>


공유하기 링크
'개발/JavaScript' Related Articles more
Comments