31. (javascript/자바스크립트) setTimeout 사용해 일정 시간 후 작업 실행 및 setInterval 사용해 일정 시간마다 반복 실행 실시

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : javascript

/* =========================== */

​

/* =========================== */

[소스 코드]

 

    <script>
    	/* 
    	[JS 요약 설명]
    	1. setTimeout : 일정 시간이 지난 후에 함수를 실행합니다 (일반적으로 일회용, 재귀호출로 반복 실행 가능)
    	2. setInterval : 일정 시간 간격을 두고 함수를 실행합니다 (반복 실행)
    	3. clearInterval : setInterval 반복 실행을 종료할 때 사용합니다    	
    	*/
    	
    	
    	/* 전역 변수 선언 부분 */
    	var int_count = 1;
    	
    	
    	/* 이벤트 함수 정의 */
    	function main() {
    		
    		/* 초기 main 함수 실행 시간 확인 */
    		console.log("main : " + getNowTime24());
    		
    		/* setTimeout 호출 : 일정 시간 후 실행 : [함수호출] 일회용 */
    		setTimeout(TimeOut_Fun, 2000); //2초후에 TimeOut_Fun() 함수 호출

    		/* setTimeout 호출 : 일정 시간 후 실행 : [함수정의] 일회용 */
    		/* setTimeout(function() {
    			console.log("setTimeout call");
    		}, 2000); */
    		
    		/* setInterval 호출 : 일정 시간 마다 반복 실행 */
    		var interval = setInterval(function() {
    			if(int_count > 3){ //int_count 값이 3보다 크면 정지
    				console.log("Interval : " + "종료");
    				clearInterval(interval); //반복 실행 정지
    				return; //return 함수 종료
    			}
    			
    			Interval_Fun(); //함수 호출 실시
    			int_count ++;
    			
			}, 1000); //1초 간격으로 반복 실행 정의
    		
    	};
    	
    	
    	/* setTimeout 실행 함수 */
    	function TimeOut_Fun(){
    		console.log("TimeOut : " + getNowTime24());
    	}
    	
    	
    	/* Interval 실행 함수 */
    	function Interval_Fun(){
    		console.log("Interval : " + getNowTime24());
    	}
    	
    	
    	/* 현재 날짜 및 시간을 구하는 함수 */
    	function getNowTime24(){
    		// DATE 객체
    		var NOW_DATE = new Date(); 

    		// UTC 시간 계산
    		const UTC = NOW_DATE.getTime() + (NOW_DATE.getTimezoneOffset() * 60 * 1000); 

    		// UTC to KST (UTC + 9시간)
    		const KR_TIME_DIFF = 9 * 60 * 60 * 1000;
    		const KR_DATE = new Date(UTC + (KR_TIME_DIFF));    		

    		// 개별 데이터 확인 실시
    		var YYYY = KR_DATE.getFullYear(); // 연 (4자리)    		
    		var MM = ("00"+(KR_DATE.getMonth()+1)).slice(-2); // 월 (2자리)
    		var DD = ("00"+KR_DATE.getDate()).slice(-2); // 일 (2자리)

    		var HH24 = ("00"+KR_DATE.getHours()).slice(-2); // 시간 (24시간 기준, 2자리)
    		var MI = ("00"+KR_DATE.getMinutes()).slice(-2); // 분 (2자리)
    		var SS = ("00"+KR_DATE.getSeconds()).slice(-2); // 초 (2자리)    		

    		// 리턴값 데이터 포맷 실시
    		var return_format = YYYY + "-" + MM + "-" + DD + " " + HH24 + ":" + MI + ":" + SS;    		
    		
    		return return_format;
    	}
    	
    </script>

/* =========================== */

​

/* =========================== */

[결과 출력]

​

/* =========================== */

​

/* =========================== */

[요약 설명]

​

/*

[JS 요약 설명]

1. setTimeout : 일정 시간이 지난 후에 함수를 실행합니다 (일반적으로 일회용, 재귀호출로 반복 실행 가능)

2. setInterval : 일정 시간 간격을 두고 함수를 실행합니다 (반복 실행)

3. clearInterval : setInterval 반복 실행을 종료할 때 사용합니다

*/

/* =========================== */