티스토리 뷰

💼 정보 ver1.0

window.setTimeout() & window.clearTimeout()을 이용한 타이머

James Wetzel 2010. 11. 25. 15:19

<!doctype html>
<html>
 <head>
  <script type="text/javascript" language="javascript">
   var timerObj;
   var times = 0;

   window.attachEvent("onload", timerStart());

   function timerStart()
   {    
    timerObj = window.setTimeout("timer()", 1000*10)
   }

   function timer()
   {
    times = times + 10;
    window.document.getElementById("content").innerText = times+"초가 지났습니다.";

    clearTimeout("timerObj");
    setTimeout("timer()", 1000*10)
   }
  </script>
 </head>
 <body>
  <div id="content">10초 후 내용이 출력됩니다.</div>
 </body>
</html>

반응형
저작자표시
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/05   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함