[jQuery] setInterval()와 clearInteval(), CDATA VS PCDATA

💡 핵심 요약 (TL;DR)

'setInterval()와 clearInteval(), CDATA VS PCDATA'에서 다루는 각 기술의 핵심 개념과 동작 방식의 차이점을 분석한 내용이다. setInterval()와 clearInteval()의 차이와 CDATA와 PCDATA의 차이를 알아보자.

setInterval()와 clearInteval()의 차이와 CDATA와 PCDATA의 차이를 알아보자.

setInterval() 와 clearInteval() 함수

1. setInterval(“스크립트 실행문”,시간(밀리초)) : 일정 시간마다 코드를 실행 가능
2. clearInteval(실행중인객체정보) : 인터벌 작업종료
   • 참고링크 : 가위바위보게임만들기
3. CDATA VS PCDATA
   • CDATA (UnParsed Character DATA) : 코드가 태그를 포함하거나, 연산(부등호)를 포함할때 일반 문자로 인식하도록 처리(주로 >사용시 html닫는태그가 아니라 부등호연산이라는 걸 알려줌)
   • PCDATA (Parsed Character DATA) : 코드가 태그를 포함하거나, 연산(부등호)를 포함할때 코드 그대로 인식하도록 처리(주로 >사용시 html 닫는 태그임)
   • 참고링크 : CDATA란?
4. 예제코드

<head>
//1. setInterval("스크립트 실행문",시간(밀리초)) : 일정 시간마다 코드를 실행 가능
//2. clearInteval(실행중인 객체 정보) : 인터벌작업 종료
//3. CDATA : (UnParsed Character DATA) VS PCDATA (Parsed Character DATA)
	
//<![CDATA[
let i=0;
let s = setInterval("console.log(i++)",1000);
//]]>
</head>

<body>
<input type="button" value="인터벌정지" onclick="clearInterval(s);">
</body>

setInterval() 활용한 이미지 순서 변경

See the Pen eYZYWgE by sowon-dev (@gracehopperdev) on CodePen.

#jQuery