Как задержать событие DOMContentLoaded?

Question

Otrivin @Otrivin

junior full-stack сисадмин

JavaScript

Как задержать событие DOMContentLoaded?

Вопрос теоретический: можно ли как-то задержать наступление события DOMContentLoaded (а с ним и блокировку рендеринга, построение DOM, исполнение дальнейших скриптов)? Желательно, чтобы была и возможность регулировки длительности задержки.

По идее, можно в <head> поместить скрипт с await/async, но, похоже, неправильно пишу, или этот метод не работает.

Моя попытка

jsfiddle.net

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

3 комментария

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

Надим @zkrvndm

Подскажите, нашли ли вы адекватный способ задержать наступление DOMContentLoaded? Хочется сначала сгенерировать контент на странице, а уже затем вручную вызывать DOMContentLoaded, будучи уверенным что страница готова и поисковики увидят контент созданный посредством JavaScript.

Написано более трёх лет назад
Otrivin @Otrivin Автор вопроса

Надим Закиров, Нет. Но, возможно, Вам подойдёт вариант с написанием вашего js инлайново, в теле страницы.

Написано более трёх лет назад
Надим @zkrvndm

Otrivin, как вариант. Действительно, доводилось видеть такой вариант на некоторых сайтах, теперь понимаю смысл.

Написано более трёх лет назад

Решения вопроса 1

5 комментариев

Otrivin @Otrivin Автор вопроса

Да, действительно асинхронный, упустил

С циклом как-то не складывается, пытаюсь так, но цикл блокирует вообще всё, и его не остановить

jsFiddle

var counted = 0;
var targetCount = 10;

var timer = setInterval(function(){
    counted++;
    console.log(counted);
    if (counted >= targetCount){
        clearInterval(timer);
    }
}, 1000);

// Похоже, исполнение этого цикла блокирует изменение переменной counted
// Хотя ожидалось, что он будет исполняться параллельно с таймером,
// и когда таймер отсчитает до нужного значения - цикл остановится
/*for(var i = 0; counted < targetCount; i++){
    console.log('counted = ' + counted);
}*/

Песочница

Написано более трёх лет назад

Stalker_RED @Stalker_RED

Otrivin, дык в том и смысл, чтобы все остановить. Иначе страница догрузится )

Другой вариант - подключить какие-то скрипты в шапку и отдавать их по типа long polling'а.

Написано более трёх лет назад
Otrivin @Otrivin Автор вопроса

Stalker_RED, да, но желательно, чтобы задержку можно было ограничить

А вот второй вариант, хоть и приходится соединение держать, гораздо гибче, спасибо)

Написано более трёх лет назад
Stalker_RED @Stalker_RED
Otrivin, ну так внутри бесконечного цикла можно делать проверку времени, или еще чего.
const timeLimit = new Date(); timeLimit.setMilliseconds(1500); while (true) { if (new Date() > timeLimit) { break; } }

Но да, он безбожно грузит проц и батарейку, "подвешивает" интерфейс, и вообще плохой способ:)
А зачем это все вообще? Может просто сделать document.body.style.visibility='hidden'?
Написано более трёх лет назад
Otrivin @Otrivin Автор вопроса

Stalker_RED, О. А это то, что надо.
Злоумышленника гоняю ) CF не отфильтровывает, а в режим under attack переходить нет возможности.

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+2 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- 15 часов назад
- 110 просмотров
1

ответ
JavaScript

+1 ещё

Сложный
Fastify долгая загрузка что можно сделать как найти причину?
- 1 подписчик
- 21 час назад
- 44 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- вчера
- 158 просмотров
2

ответа
JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- вчера
- 104 просмотра
1

ответ
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- 23 нояб.
- 706 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- 22 нояб.
- 75 просмотров
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- 22 нояб.
- 44 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Почему react-hook-form не отображает ошибки zod в определенных моментах?
- 1 подписчик
- 22 нояб.
- 35 просмотров
0

ответов
JavaScript

Простой
Почему перестало работать меню?
- 1 подписчик
- 20 нояб.
- 151 просмотр
1

ответ
JavaScript

Простой
Какая логика у перебора массива таким способом?
- 1 подписчик
- 20 нояб.
- 192 просмотра
5

ответов
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

APK декомпиляция внутренних API приложения

25 нояб. 2024, в 13:19

5000 руб./за проект

Необходимо создать программу/сайт по автоматическому созданию транспор

25 нояб. 2024, в 13:13

10000 руб./за проект

Дорвботать приложение под IOS на Swift vocechanger

25 нояб. 2024, в 12:49

50000 руб./за проект

Подскажите, нашли ли вы адекватный способ задержать наступление DOMContentLoaded? Хочется сначала сгенерировать контент на странице, а уже затем вручную вызывать DOMContentLoaded, будучи уверенным что страница готова и поисковики увидят контент созданный посредством JavaScript.
Надим Закиров, Нет. Но, возможно, Вам подойдёт вариант с написанием вашего js инлайново, в теле страницы.
Otrivin, как вариант. Действительно, доводилось видеть такой вариант на некоторых сайтах, теперь понимаю смысл.

Answer 1 · 2019-06-19 01:33:50

Промис асинхронный же)
Сделай бесконечный цикл. Или еще како´ говнокод.

Вообще, не совсем понятно зачем это все, возможно есть способ покрасивее.

Как задержать событие DOMContentLoaded?

Войдите, чтобы написать ответ

Минуточку внимания

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