setInterval, clearInterval, setTimeout

1. 개요

 1) 시간의 진행에 따른 조작 및 정지를 컨트롤하는 함수

 

2. setInterval() method

 1) 특정 자바스크립트 코드가 포함된 문자열을 반복하여 호출

var num = 0;  // 초기 숫자값 or 시작값

setInterval(function(){
   $("<span>" + num + ", " + "</span>").appendTo("body");  // html내에 숫자 추가
   num++;
}, 1000)  // 1초마다 실행

 

3. clearInterval() method

 1) 현재 진행중인 함수를 멈추는 데 사용

var num = 0;  // 초기 숫자값 or 시작값

var intervalTest = setInterval(function(){
   $("<span>" + num + ", " + "</span>").appendTo("body");  // html내에 숫자 추가
   num++;
   
   if(num == 10){
      clearInterval(intervalTest);  // num값이 10이 되면 멈춤
   }
}, 1000)  // 1초마다 실행

 

4. setTimeout() method

 1) 일정 시간이 지난 후에 해당되는 내용을 단 한 번 실행

setTimeout(function(){
    console.log("시간차 작동");
}, 60000); // 1분