Vanilla JavaScript Slider 자바스크립트 자동 슬라이드 구현
1. 분석 이전 무한 슬라이드 구현 포스팅에 이어서 자동 슬라이드를 구현해본다. 외부 라이브러리를 사용하지 않고 순수 자바스크립트만을 이용해 자동 슬라이드를 구현한다. 자동 슬라이드를 구현하기 위해선 기본적인 슬라이드 기능과 무한 슬라이드 기능이 구현된 상태에서 제대로 구현할 수 있다. 자동 슬라이드는 일정한 시간 간격으로 다음 슬라이드를 보여줘야 한다. 즉, 슬라이드 기능에서 다음 슬라이드를 보여주는 함수를 구현했다면 다음과 같이 `setInterval()`함수를 이용해서 일정 시간마다 다음 슬라이드를 보여주는 함수를 실행하도록 하면 된다. // 기본적으로 슬라이드 루프 시작하기 let loopInterval = setInterval(() => { nextMove(); // 다음 슬라이드를 보여주는 함..
2022. 5. 22.
