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

Question

DeniSidorenko @DeniSidorenko

JavaScript

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

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

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

Вопрос задан более трёх лет назад
580 просмотров

1 комментарий

Подписаться 1 Простой 1 комментарий

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

Answer 1 · 2019-07-30 08:21:24

Попробуйте 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"))
})

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

Войдите на сайт