<html>
<head>
<title>Timer</title>
<script language="JavaScript">
var SetTime = 5; // 최초 설정 시간(기본 : 초)
function msg_time() { // 1초씩 카운트
m = Math.floor(SetTime / 60) + "분 " + (SetTime % 60) + "초"; // 남은 시간 계산
var msg = "현재 남은 시간은 <font color='red'>" + m + "</font> 입니다.";
document.all.ViewTimer.innerHTML = msg; // div 영역에 보여줌
SetTime--; // 1초씩 감소
if (SetTime < 0) { // 시간이 종료 되었으면..
clearInterval(tid); // 타이머 해제
alert("종료");
}
}
window.onload = function TimerStart(){ tid=setInterval('msg_time()',1000) };
</script>
</head>
<body >
<div id="ViewTimer"></div>
</body>
</html>
'Javascript' 카테고리의 다른 글
javascript 페이징 (0) | 2013.03.29 |
---|---|
JSP AJAX 한글 깨짐 (1) | 2011.05.24 |
익스 버전 확인 스크립트 (0) | 2011.05.12 |
스크롤에 따른 레이어 이동 (0) | 2011.05.03 |
iframe 자동 resize 함수 (0) | 2011.03.17 |