Текст слайдер на JavaScript

В този раздел ще се занимаваме със създаване на слайдери. Ще започнем от най-простите и ще продължим да усложняваме постепенно.

Като начало ще направим текст слайдер. Този слайдер ще представлява div, в който всяка секунда ще се сменя текста:

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

Текстовете за слайдера ще съхраняваме в масив:

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

Алгоритъмът на решението ще бъде следния: трябва да стартираме таймер, който всяка секунда ще вмъква в нашия div нов елемент от масива - първо първия, после втория, после третия, а после отново първия и така по кръг.