타이머

2010.02.14 23:18 프로그래밍/HTML & JavaScript


<html>
<head>
<title>타이머</title>
<script language="JavaScript">
<!--
var gap = 1000;  // 남은 시간(초)
function msg_time()
{
 m = Math.floor(gap/60)+"분 "+(gap%60)+"초";
// window.status = m;
 document.all.a.innerHTML="<font color='red'>" + m + "</font> 남았습니다.";
 gap--;
 if(gap<0)
 {
  clearInterval(tid);
 }
}
//-->
</script>

</head>
<body onLoad="tid=setInterval('msg_time()',1000);">
<div id="a"></div>
</body>
</html>

타이머 입니다. 진하게 되어있는 부분을 <head>~</head> 사이에 넣으시고 <body>에 밑줄친 부분을 추가시키면 됩니다. 여러개를 넣고 싶으시면 파란색 부분만 맞춰주시면 됩니다.

'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글

더블 클릭시 페이지 상하로 이동  (0) 2011.12.27
IE6 죽이는 스크립트  (0) 2011.07.24
창닫기, 뒤로, 앞으로, 새로고침  (0) 2011.01.01
Internet Explorer 9 사이트 고정에 메뉴 추가  (0) 2010.09.18
meta Element  (0) 2010.02.16
읽기전용, 비활성 폼  (0) 2010.02.16
if IE와 COMMENT  (0) 2010.02.16
타이머  (0) 2010.02.14
페이지이동 감지  (0) 2010.02.13
흐르는 제목  (0) 2010.02.12
마우스로 페이지 잡아땅겨 스크롤 하기  (0) 2010.02.12
Tags
이 댓글을 비밀 댓글로

티스토리 툴바