본문 바로가기

개발하자/자바스크립트

카운트시작과 멈춤 setTimeout(),clearTimeout()

<html>
 <head>
 <script>
 window.onload=function(){
 b1.onclick=function(){
 f1();
 }
 b2.onclick=function(){
 f2();
 }

 }
 var cnt=0;
 function f1(){
 t1.value=cnt++;
 timerID=setTimeout("f1()",1000); //var 붙이면 로컬변수가 되어서 멈춤부분에서 timerID를 못찾음(전역변수로 사용하여야함)
 }
 function f2(){
 clearTimeout(timerID);    //초멈춤
 }
 </script>
 </head>
 <body>
 <input type="button" value="시작" id="b1">
 <input type="button" value="멈춤" id="b2">
 <input type="text" id="t1">
 </body>
</html>