Как обойти элементы спиcка с помощью setInterval и JQuery?

Question

[serking77]

Привет народ!
Есть задача необходимо обойти элементы списка с задержкой с 2 секунды с зациклении, при обходе меняя любое css свойство. например background-color.
https://codepen.io/vbagaev/pen/PKoQjx

Comments

[Larisa Moroz]

Вы хотите бесконечный цикл, который постоянно обходит все элементы списка и что-то с ними делает? Или один раз надо обойти?
Задержка перед/после каждого элемента списка или просто весь цикл должен выполняться раз в 2 секунды?

P.S.: Скорее всего, вам вообще не нужен цикл, а стоит подумать в сторону событий.

Answer 1

[Павел Корнилов]

Извини, jQuery не люблю.

<ul id="list" onclick= "toLast(0);">
	<li>First</li>
	<li>Second</li>
	<li>Third</li>
	<li>Forth</li>
	<li>Fiveth</li>
</ul>
<script>
	var list= document.querySelectorAll('#list li');
	function toLast (i) {
		if(!list[i]) return;
		setTimeout(function() {
			list[i].style.border= '2px solid red';
			toLast(++i);
		}, 2000);

	}
</script>

Рабочий пример - https://js-master.ru/?Javascripts___Задачи___Динам...

Comments

[Игорь]

а вы запускали это?

[Павел Корнилов]

Да, конечно, у меня в Мозилле все отработало. Могу выложить к себе на сайт и дать ссылку.

Answer 2

[Игорь]

https://jsfiddle.net/xecy6705/1/

будет бесконечно перебирать цвета по списку из массива, в случайном порядке