Post
<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.Timer.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="Timer"></div>
</body>
</html>
'javascript, jQuery' 카테고리의 다른 글
| JavaScript, jQuery 에서 높이, 너비 구하는 방법 정리 (0) | 2019.01.31 |
|---|---|
| video태그 제어 (0) | 2018.12.05 |
| select 제어 (0) | 2018.08.05 |
| 숫자만 입력가능 (0) | 2018.06.12 |
| 자바스크립트 국내지도 svg 오버효과 (0) | 2018.05.31 |