симулировать клики без взаимодействия с пользователем каждые x секунд

Question

У меня есть 5 делений каждый вызов Div H4.Я создаю это с помощью javascript, чтобы получить результат, и он работает, но теперь мне нужно, чтобы он делал это автоматически по порядку, без взаимодействия с пользователем, чтобы быть похожим на автоматический слайдер, например, caption1 должен щелкнуть первым и показать caption1content через 8 секунд, заголовок 2 щелчка и показатьcaptoin2content и так далее, как я могу сделать это с помощью JavaScript.

JS:

$("#caption1").on('click', function() {
               $("#caption1content").fadeIn();
               $("#caption2content,#caption3content,#caption4content,#caption5content").fadeOut();
            });
            $("#caption2").on('click', function() {
               $("#caption2content").fadeIn();
               $("#caption1content,#caption3content,#caption4content,#caption5content").fadeOut();
            });
            $("#caption3").on('click', function() {
               $("#caption3content").fadeIn();
               $("#caption1content,#caption2content,#caption4content,#caption5content").fadeOut();
            });
            $("#caption4").on('click', function() {
               $("#caption4content").fadeIn();
               $("#caption1content,#caption2content,#caption3content,#caption5content").fadeOut();
            });
            $("#caption5").on('click', function() {
               $("#caption5content").fadeIn();
               $("#caption1content,#caption2content,#caption3content,#caption4content").fadeOut();
            });

HTML:

<div id="caption">
    <h4 id="caption1content" class="ccntnt">text1</h4>
    <h4 id="caption2content" class="ccntnt">text2</h4>
    <h4 id="caption3content" class="ccntnt">text3</h4>
    <h4 id="caption4content" class="ccntnt">text4</h4>
    <h4 id="caption5content" class="ccntnt">text5</h4>
</div>
<div id="captionbtns">
    <div id="caption1">text1</div>
    <div id="caption2">text2</div>
    <div id="caption3">text3</div>
    <div id="caption4">text4</div>
    <div id="caption5">text5</div>
</div>

Answer 1

ну, это довольно просто, вы можете использовать setInterval, и вы можете сделать это так, не идеальный способ, но работающий.используйте условие if для сброса счетчика, если вы хотите запустить его снова и снова;

let count = 1;

setInterval(function(){

  $(`#caption${count}`).click();
  count++;
},8000);