НОВИНКА!
Занимательная математика от Трепачёва. Присоединяйтесь к нам!
⊗jsPrSlTx 37 of 62 menu

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

В данном разделе мы займемся созданием слайдеров. Начнем с самых простых и будем постепенно усложнять.

Для начала сделаем слайдер текста. Этот слайдер будет представлять собой див, в котором каждую секунду будет меняться текст:

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

Тексты для слайдера мы будем хранить в массиве:

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

Алгоритм решения будет следующий: нужно запустить таймер, который каждую секунду будет вставлять в наш див новый элемент массива - сначала первый, потом второй, потом третий, а потом снова первый и так далее по кругу.

Реализуйте описанный слайдер.

Русский
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить