Как последовательно эмулировать нажатие на кнопку методом .click() через промис или callback с setTimeout?

Question

[Иван Трофимов]

Балуюсь с JS, вот исходник: https://jsfiddle.net/trofivan/eLv9vq63/
При нажатии на кнопку добавляется новое значение счётчика в контейнер. Сейчас последовательное добавление ( метод click() ) достигается за счёт изменения второго аргумента функции setTimeout. Можно ли как-то сделать, чтобы второй аргумент был неизменным, но при этом эмуляция щелчка была также последовательна? Интуиция подсказывает, что решается через callback или promise но что-то туплю и не пойму с какой стороны подойти. Промис переходит в состояние выполнено и не отрабатывает корректно, а когда тупо в цикле пишешь setTimeout - все значения срабатывают через заданый интервал времени. Ну оно и понятно, асинхронная же функция.

Answer 1

[Anton fon Faust]

например, вот так:
https://jsfiddle.net/fz6xa6tb/

Comments

[Иван Трофимов]

Что то по ссылке тот же самый код, что и я приводил. Похоже не сохранили.

[Anton fon Faust]

Иван Трофимов: точно) вот правильная ссылка https://jsfiddle.net/fz6xa6tb/1/

Answer 2

[Stalker_RED]

Если цель этого кода сто раз кликнуть на кнопку через интервал и остановиться, то лучше использовать не setTimeout а setInterval.

https://jsfiddle.net/1rha1nhm/

Comments

[Иван Трофимов]

С этим согласен, просто стало интересно как реализовать через промисы это всё. Спасибо.

[Stalker_RED]

Иван Трофимов: Конечно можно написать (сгененрировать?) сотню промисов, но смысл?

Похожий на ваш пример есть в документации MDN Promise.all()
правда там только 4 итерации используют, а не сто. Использование промисов, в данном случае, дикий оверкилл. ИМХО.