<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>
출처: https://rebellion21.tistory.com/21 [잡동사니]
'study' 카테고리의 다른 글
| [php] 초(second) 를 Date 형식으로 표현하는 gmdate() 함수 (0) | 2019.07.29 |
|---|---|
| JavaScript / 조건문 / if, else if, else (0) | 2019.07.29 |
| 글번호 들어있는 php게시판 리스트 (0) | 2019.07.14 |
| cut_str 문자열 자르기 그누보드 (0) | 2019.07.14 |
| mb_substr or iconv_substr 한글문자열 자르기 (0) | 2019.07.14 |