My Programing/HTML and JavaScript

JS :: 페이지에 머문 시간 출력

nkdk 2008. 6. 16. 10:20

  • setTimeout() : 설정된 시간이 흐른 뒤, 이벤트를 1회 호출합니다.

setTimeout(함수, 설정시간)

  • clearTimeout() : setTimeout()으로 호출되는 함수를 중지합니다.

clearTimeout(함수)

  • setInterval() : 일정간격으로 함수를 계속 호출합니다.
  • clearInterval() : setInterval()로 호출된 함수를 중지합니다.

<html>
<script language="JavaScript">
<!--

var hour=0, minute=0, second=-1;

function browsing_time() {
var dsp_hour, dsp_minute, dsp_second;
second++;

if (minute == 60) {
  hour++;
  minute=0;
}
if (second == 60) {
  minute++;
  second=0;
}

if (hour < 10)
  dsp_hour = "0" + hour;
else
  dsp_hour = hour;

if (minute < 10)
  dsp_minute = "0" + minute;
else
  dsp_minute = minute;

if (second < 10)
  dsp_second = "0" + second;
else
  dsp_second = second;

var date_state = "현재 페이지에 당신이 머문 시간 : ";
date_state += dsp_hour + "시 " + dsp_minute + "분 " + dsp_second + "초";

window.defaultStatus = date_state;
// 호출하는 함수내부에 setTimeout()이 위치합니다. 재귀호출입니다.
setTimeout("browsing_time()", 1000);
}
// 함수외부에 setInterval()로 같은 효과를 낼 수 있습니다.
// -->
</script>

<body onload="browsing_time()">
</body>
</html>