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

Question

Я пытаюсь создать небольшой POC, в котором есть требование: «Я скрыл a по умолчанию. Я хочу показать его через 5 секунд после нажатия кнопки, а затем он будет скрыт автоматически через 10 секунд. Затем послеЧерез 5 секунд он появится, а через 10 секунд он исчезнет и так далее до бесконечного цикла в javascript. Пожалуйста, помогите для того же

Answer 1

Попробуйте это

function showOrHide(time) {
  let idTimeout = setTimeout(() => {
    document.getElementById('field').className =
      document.getElementById('field').className === 'hide' ? 'show' : 'hide';
    clearTimeout(idTimeout)
  }, time)
}
document.addEventListener('click', () => {
  setInterval(() => {
    showOrHide(1000);
    showOrHide(3000);
  }, 3000);
})

.hide {
  display: none;
}

.show {
  display: block;
}

<div>
  <div id="field" class="hide">
    To ja
  </div>
</div>