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

Question

Otrivin @Otrivin

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

JavaScript

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

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

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

Моя попытка

jsfiddle.net

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

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

+1 ещё

Простой
Как сделать чтоб класс менялся только у одного элемента?
- 1 подписчик
- 2 часа назад
- 35 просмотров
0

ответов
JavaScript

Средний
Как приостановить setInterval на время и снова продолжить tampermonkey?
- 1 подписчик
- 6 часов назад
- 37 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как исключить дергания блока с меню при раскрытии подменю?
- 1 подписчик
- 6 часов назад
- 22 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Как ограничить доступ определенному пользователю в своем телеграмм боте?
- 1 подписчик
- 19 часов назад
- 91 просмотр
2

ответа
JavaScript

+1 ещё

Простой
Как сделать ширину блока по ширине контента?
- 1 подписчик
- вчера
- 78 просмотров
1

ответ
JavaScript

Простой
Как найти и сгруппировать элементы с одинаковым классом?
- 1 подписчик
- 27 дек.
- 82 просмотра
1

ответ
JavaScript

+2 ещё

Средний
Как скроллить определенный блок Div?
- 1 подписчик
- 27 дек.
- 144 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Как написать текст на окружности и посчитать точки?
- 1 подписчик
- 26 дек.
- 98 просмотров
0

ответов
JavaScript

Средний
Как остановить весь скрипт js при выполнении условия tampermonkey?
- 1 подписчик
- 26 дек.
- 84 просмотра
2

ответа
JavaScript

Средний
.stopPropagation() на самом деле не останавливает распространение события?
- 1 подписчик
- 26 дек.
- 125 просмотров
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

JavaScript Fullstack

OnClass

от 2 000 до 7 000 $

Бэкэнд-разработчик JavaScript

Wanted. • Москва

от 250 000 до 400 000 ₽

Сделать верстку по макету

29 дек. 2024, в 20:50

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

Отладить запуск и развертывание фронтенда, обеспечить тестовый доступ

29 дек. 2024, в 18:02

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

Редизайн мобильного приложения

29 дек. 2024, в 18:01

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

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

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

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

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

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

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

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

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