Как кликать по очереди на элементы списка?

Question

[Сергей]

Добрый день, подскажите плиз как сделат интервал который будет кликать с задержкой на элементы списка и очистить/удалить интервал когда пользователь вручную нажмёт на один из элементов списка?
Пробую разные варианты, но не выходит...(

<ul>
	<li></li>
	<li></li>
	<li></li>
</ul>

$(function() {
			let elems = $('ul li');
  		$(elems).each(function(index, val){
	        setInterval(function(){
	        	$(elems[index]).click();
	        }, 2000)
		    });
		});

Comments

[Kovalsky]

В чем конкретно проблема? При клике чистите интервал, всё

[Valeron Sergeev]

$(function() {
      let elems = $('ul li');
  	$(elems).each(function(index, val){
          $(elems[index]).delay(2000*index).click();
        });
    });

Answer 1

[Владимир Сартаков]

$(document).ready(() => {
  const $items = $("ul li")
  const l = $items.length - 2
  let i = -1
  let interval = setInterval(() => {
  	i = i < l ? i + 1 : -1 
  	$items.eq(i).trigger("click.real")  
  }, 1000)
  
  $items.one("click", () => {
		clearInterval(interval)
  }).on("click.real", function() {
		console.log("real click')
  })
})

Comments

[Сергей]

спасибо большое