Какой есть простой способ подсчитать, через сколько секунд загрузится dom?

Question

[Думай Головой]

Всем привет!

Хочу написать велосипед-прелоадер. Но не просто заглушку, скрывающуюся после document ready, а динамический.

Проблема в том, что я не представляю, как узнать через сколько секунд загрузится страница, чтобы была динамика

upd: Как сделано на этой странице? twohustlers.com

Comments

[copal]

Вы всегда говорите, что у Вас и работа хорошая и языки Вы даже низкоуровневые знаете. Но неужели Вы не знаете как сделать прелодер? Где все то о чем вы почти в каждом посту говорите?

[Думай Головой]

copal
Я знаю как сделать прелоадер. А не как подсчитать скорость загрузки страницы

[copal]

Скорость измеряют загруженными битами за определенный участок времени..
Я делал себе счетчик скорости (не на as3) могу показать, но если честно сам не понимаю что там написано. суть в том, что Вы сохраняете значение загруженных бит и время. А при следующей итерации вычитаете сохраненные значения из текущих и высчитывает скорость. После чего опять сохраняете количество загруженных бит и время. И так пока все не загрузится.

Осталось только сам лоадер написать.

[Думай Головой]

copal
Я думаю, тогда уж подсчитывать объём ресурсов страницы на php и при загрузке каждого изменять скроллбар, то есть итеррациями. Но тут боюсь двумя строками кода не отделаться. Кстати я нашёл кучу готовых либ, просто хотел своё решение

[copal]

Думай Головой: тоже вариант, но представьте что нужно что-то загрузить со стороннего ресурса. Лично я не представляю как можно все правильно подсчитать не изменяя логику приложения. Ведь если представить что браузер не качает все сразу (у него должно быть ограничение на количество файлов) то тогда невозможно узнать размер всех ресурсов. Ведь размер становится известен тогда, когда клиент уже запрашивает файл у сервера.
Хотя могу и ошибаться и браузер не имеет ограничений. Вот в таком случаи все действительно должно быть просто.

[Думай Головой]

copal
вот интересно как они это сделали, я имею ввиду не svg маску, которая сдвигается на буквы, а именно пропорциональность сдвижения? twohustlers.com

[Думай Головой]

copal
ведь маска сдвигается аккурат к концу загрузки страницы

[copal]

Думай Головой: я не хожу по ссылкам)))

[Думай Головой]

copal
ok

[Алексей Уколов]

вот интересно как они это сделали, я имею ввиду не svg маску, которая сдвигается на буквы, а именно пропорциональность сдвижения?

Очень просто - у них есть два блока со ссылками на картинки, они в самом начале на каждую вешают обработчик и увеличивают процент прогресса в нем по окончании загрузки.

[Думай Головой]

Алексей Уколов
эмм. какие два блока и какие картинки, не пойму?

[Алексей Уколов]

Думай Головой: А вы, простите, веб-разработчики или где?
view-source:twohustlers.com
twohustlers.com/assets/app.min.js

[Думай Головой]

Алексей Уколов
я разработчик, а не декодер)
я сперва туда и смотрел, только там код запутанный (обфусцированный - все переменные в виде a,b,c,d)

[Алексей Уколов]

А, ну да, для разработчика это непреодолимое препятствие. Я вот только с Божией помощью справился.

[Думай Головой]

Алексей Уколов
там овер 6000 строк кода, не реально всё понять, или лень

[Думай Головой]

я имею ввиду 6000 строк обфусцированного кода

[Алексей Уколов]

Ну вот Rsa97 тоже разобрался как-то...

[Rsa97]

Думай Головой: А зачем смотреть весь код? Достаточно найти место, где обращаются к SVG-шке, от него разворачивать по именам функций/классов, найти как считается процент заливки. Продолжив добраться до вызова лоадера и посмотреть, как формируется список. В него включаются списки из двух скриптов и генерируемый список из объектов определённого класса.
Обфускация там слабая, имена функций вполне себе говорящие.

[Думай Головой]

Rsa97
Спасибо.
Сейчас пишу свой велосипед, покажу что получилось

Answer 1

[Дмитрий Ковальский]

В теории на самой верхушке страницы можно поставить timeStamp. и второй на событие document.ready. Но у меня такое чувство что на практике выйдет хрень.

Comments

[Думай Головой]

Дмитрий Ковальский
да, вышла хрень, т.к. document.ready это не то. А window.onload показывает время когда уже всё загрузилось, мне же нужно знать заранее время загрузки