currentSectionIndex

JavaScript

[JavaScript] 자동으로 섹션 슬라이드

섹션 1 이곳은 섹션 1의 내용입니다. 섹션 2 이곳은 섹션 2의 내용입니다. 자동으로 섹션을 슬라이드 하는 기능을 구현한 예시이다. HTML/CSS 설명은 제외하고 JavaScript 설명만 추가하면 document.querySelectorAll("section") 은 페이지 내의 모든 섹션 요소를 선택한다. currentSectionIndex 는 현재 표시되고 섹션을 보이도록 변경하는 함수이다. slideNext() 다음 섹션으로 슬라이드 하는 함수이다. setInterval(slideNext, 3000) 3초마다 slideNext() 함수를 호출하여 다음 섹션을 자동으로 슬라이드 한다.

Potato Ongsim
'currentSectionIndex' 태그의 글 목록