JavaScript-те мәтін слайдері

Бұл бөлімде біз слайдерлерді жасаумен айналысамыз. Ең қарапайымдарынан бастап, біртіндеп қиындата түсеміз.

Алдымен мәтін слайдерін жасайық. Бұл слайдер әр секунд сайын мәтіні өзгеретін див болады:

html<div id="slider"></div>

Слайдер үшін мәтіндерді біз массивте сақтаймыз:

javascriptlet texts = ['text1', 'text2', 'text3'];

Шешу алгоритмі келесідей: әр секунд сайын біздің дивке массивтің жаңа элементін салатын таймерді іске қосу керек - алдымен біріншісін, содан кейін екіншісін, содан кейін үшіншісін, содан кейін тағы да біріншісін және т.с.с. айналым бойынша.