JavaScript 텍스트 슬라이더

이번 섹션에서는 슬라이더 만들기에 대해 다룰 것입니다. 가장 간단한 것부터 시작하여 점차 복잡하게 만들어 보겠습니다.

먼저 텍스트 슬라이더를 만들어 보겠습니다. 이 슬라이더는 디브(div) 안에서 매초마다 텍스트가 변경되는 형태가 될 것입니다:

슬라이더를 위한 텍스트들은 배열에 저장하겠습니다:

해결 알고리즘은 다음과 같습니다: 매초마다 우리의 디브에 배열의 새로운 요소를 삽입하는 타이머를 시작해야 합니다. 먼저 첫 번째, 그 다음 두 번째, 그 다음 세 번째, 그리고 다시 첫 번째로 돌아가 순환적으로 반복됩니다.