[ JavaScript ] setTimeout / setInterval - 시간 delay

■ setTimeout
ex) tid = setTimeout("함수명", 시간);
: 시간이 경과된 후 함수가 1회 실행됨
 
■ setInterval
ex) tid = setInterval("함수명", 시간);
: 시간이 경과될 때마다 함수가 무한반복 실행됨
 
※ 위의 두가지 모두 실행을 중단할 때에는 clearTimeout(tid)와 clearInterval(tid)를 사용하면 됩니다.
tid는 위의 예제에서 선언된 것 처럼 setTimeout 과 setInterval을 실행한 후에 리턴되는 타이머 id로 해당 타이머 id로 타이머를 중단 할 수 있음
 
 
※ 해제시 동일한 함수 내에서는 문제가 되지 않지만 버튼등을 이용해서 이벤트를 하려면 tid를 전역으로 선언해 두어야 합니다.
 
function clearTimeButton() {
    clearInterval(tid);
}
 
< input type="button" value="타임해제" onClick="clearTimeButton()" />
 
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 
< !-- miniSlider 내용 수정시 아래에 SCRIPT 부분을 수정 해야함 -->
< div id="miniSlider" name="miniSlider"></div>
 
 
 
 
< !-- miniSlider Start -->     
< script language="javascript" type="text/javascript">
< !--
 var miniSliderList = new Array();
 function addMiniSliderList(img, subject, link, target) {
  miniSliderList.push({"img":img, "subject":subject, "link":link, "target":target});
 }
 addMiniSliderList("/img/lecture/autumn2011.jpg", "가을학기 강좌개편중", "", "");
 addMiniSliderList("/img/lecture/winter2010.jpg", "겨울학기 강좌개편중", "http://www.naver.com", "");
 var miniSliderNum = 0;
 var miniSliderMaxNum = miniSliderList.length-1;
 if(miniSliderMaxNum == 0) {
  makeMiniSlider(0);
 } else {
  makeMiniSlider(0);
  var t = setInterval("timeFunction()",5000);
 }
 function timeFunction() {
  miniSliderNum++;
  if(miniSliderMaxNum < miniSliderNum ) {
   miniSliderNum = 0;
  }
  makeMiniSlider(miniSliderNum);
 }
 function makeMiniSlider(num) {
  var miniSliderData = miniSliderList[num];
   
  if(miniSliderData.link == "") {
   var html = "<img src=`"+miniSliderData.img+"` art=`"+miniSliderData.subject+"` width=`700` />";
  } else {
   var html = "<a href=`"+miniSliderData.link+"` target=`"+miniSliderData.target+"`><img src=`"+miniSliderData.img+"` art=`"+miniSliderData.subject+"` width=`700` /></a>";
  }
   
  // Tag ID 확인
  //var sl = document.getElementsByTagName("div");
  //for(var si = 0; si < sl.length; si++) {
  // alert(sl[si].id);
  //}
  var n1 = document.getElementById("miniSlider");
  n1.innerHTML = html;
 }
-->
< /script>
< !-- miniSlider End #해당내용을 head 안이나 파일 제일 아래쪽에 기록할 것-->