Drsnik besedila v JavaScript

V tem razdelku se bomo ukvarjali z ustvarjanjem drsnikov. Začeli bomo z najpreprostejšimi in postopoma zahtevnost povečevali.

Za začetek naredimo drsnik besedila. Ta drsnik bo predstavljal div, v katerem se bo vsako sekundo spreminjalo besedilo:

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

Besedila za drsnik bomo hranili v polju:

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

Algoritem rešitve bo naslednji: zagnati moramo časovnik, ki bo vsako sekundo vstavljal v naš div nov element polja - najprej prvega, nato drugega, nato tretjega, in nato spet prvega in tako naprej v krogu.