Как сделать что бы функция не выполнялась быстрее чем 2s?

Question

[DeniSidorenko]

Добрый день есть такая функция

document.addEventListener("DOMContentLoaded", function(event) {
    console.log("DOM fully loaded and parsed");
  });

После того как загрузится Dom вывести console.log. Вопрос у меня в другом. Как сделать что бы console.log не выполнялся раньше чем за 2s. К примеру если DOM загрузится за 5 секунд( теоретически ) то выполнить console.log после его выполнение. А если он загрузится за 0.5s пусть console.log не выполнится пока не пройдет 2s

Comments

[Arman]

где-нибудь вначале страницы запускаем простой инлайн скрипт с регистрацией времени,
дальше в коде уже проверяем загрузился ли полностью дум и сколько прошло времени, дальше по setTimeout запускаем нужную функцию

Answer 1

[Даниил Братухин]

Попробуйте Navigation Timing API:

function startAfter (delay, callback) {
  const elapsed = Date.now() - performance.timing.navigationStart

  if (elapsed >= delay) {
    callback()
  } else {
    setTimeout(callback, delay - elapsed)
  }
}

document.addEventListener("DOMContentLoaded", () => {
  startAfter(2000, () => console.log("DOM fully loaded and parsed"))
})

Answer 2

[Pimur]

https://learn.javascript.ru/task/debounce