본문으로 바로가기

Timer(타이머) 스크립트

category Javascript 2011. 5. 16. 10:51

<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