Как задать SetTimeout при переходе по ссылке

[Vlad Vladyslav]

Здравствуйте, есть меню на сайте написанное на хтмл

<ul id="info" class="info">
            <li><a href="example.com"</a>Example</li>
            <li><a href="example.com">Example</a></li>
</li></ul>

Вопрос. как при переходе по разным ссылкам из меню задать время чтобы переходило не сразу а например через 2сек. Спасибо

[Aetae]

Условно - так:

addEventListener('click', event => {
  event.preventDefault();

  const { href } = event.target;
  
  setTimeout(() => {
    location.href = href;
  }, 2 * 1000);
})

Всякие проверки и побочные действия сам добавишь.

[voraa]

А если пользователь клавиатурой работает?
А если кликает правой клавишей, что бы получить меню, а потом решает никуда не переходить?
А если средней клавишей, что бы гарантированно открыть в новой вкладке?

Там не просто все с переходами по ссылкам.

[Aetae]

voraa,

Всякие проверки и побочные действия сам добавишь.

С открытием через контекстное меню конечно ничего не поделаешь, а остальное кое-как имитировать можно.
Ну и переход по ссылке по нажатию enter - триггерит onclick, так с древних времён заведено, как раз из-за тех, кто не парился за доступность.)

[Vlasenko Fedor]

Можно подписаться на событие beforeunload запустить таймер и далее сделать переход

[Aetae]

Vlasenko Fedor, не, низя. Там очень ограничено то что ты можешь делать с этим событием.

[Vlasenko Fedor]

Aetae,
да ты прав, ограничено