Прогресс-индикатор как сделать?

@rtt1971 · Регистрация: 27.03.2020

Студворк — интернет-сервис помощи студентам

На PHP работает долгая задачка (обработка до получаса несколько тысяч файлов).
Для развлекухи пользователя хотел сделать прогресс-индикатор.

Схему действий вижу примерно стандартную - скрипт при работе пишет в сессию процент выполнения, другой скрипт по запросу AJAX отдает процент JS-у, который отрисовывает прогресс.

Но есть 2 нюанса, вернее 1 нюанс и мое непонимание:
1 - не понимаю как запустить выполнение JS скрипта по таймеру каждые 5 сек.
2 - не понимаю как его вообще запустить без явного события.
ну и:
Обработка длинного процесса запускается после передачи параметров из формы в скрипт.
И в результате имеем то, что прорисовка страницы получается только или по завершению скрипта или через некоторое время.
В том числе и прогресс-индикаторы.

Как после прорисовки страницы перед запуском долгого процесса вывести страницу на экран и запустить выполнение скрипта отрисовки каждые несколько секунд?

@sad67man · 26.11.2020, 22:24

Сообщение от rtt1971

не понимаю как запустить выполнение JS скрипта по таймеру каждые 5 сек.

https://learn.javascript.ru/settimeout-setinterval

Сообщение от rtt1971

Как после прорисовки страницы перед запуском долгого процесса вывести страницу на экран и запустить выполнение скрипта отрисовки каждые несколько секунд?

При отправке формы вы не выполняете задачу сразу, а ставите в очередь на выполнение. Можно записывать в базу данных. Потом по крону считывать и запускать процесс в фоне. Там уже никаких сессий не будет. Но можно прогресс записывать в базу данных.

@rtt1971 · 28.11.2020, 09:56 **[ТС]**

А как сделать сначала отрисовку страницы а потом запустить тяжелый процесс?
Можно, конечно, запустить его автономным модулем, но не очень жедательно

@sad67man · 28.11.2020, 10:38

Сообщение от rtt1971

А как сделать сначала отрисовку страницы а потом запустить тяжелый процесс?

Не запускайте долгие процессы обычным путем, Используйте CRON.

@rtt1971 · 28.11.2020, 10:50 **[ТС]**

а вариантов нет. Нужно обработать пару тысяч записей БД с формированием PDF

@sad67man · 28.11.2020, 11:34

rtt1971, После формирования pdf можете дать ссылку на скачивание.

@rtt1971 · 28.11.2020, 11:55 **[ТС]**

Да так и есть. Только ПДФ-ки еще зипом в пачки упаковываются, а потом уже ссылки на страницу выводятся

Добавлено через 1 минуту
И задача как раз в том что пока работает скрипт выводился прогресс-индикатор, а потом он пропадал а выводилась табличка с файлами для скачивания.
Время работы до получаса, в зависимости от количества файлов

@iplaton · 29.11.2020, 19:39

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

Сообщение от rtt1971

Нужно обработать пару тысяч записей БД с формированием PDF

Крутой такой пользователь несколько тысяч пдфок скачивает.Вернитесь, ау!

@rtt1971 · 30.11.2020, 19:25 **[ТС]**

Сообщение от iplaton

Крутой такой пользователь несколько тысяч пдфок скачивает.Вернитесь, ау!

Файлы после конвертации упаковываются в архивы с описью по несколько десятков в одном. Их и скачивает пользователь.

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@rtt1971 0 / 0 / 1 Регистрация: 27.03.2020 Сообщений: 201

	Прогресс-индикатор как сделать? 26.11.2020, 18:05. Показов 2991. Ответов 8 Метки нет (Все метки) На PHP работает долгая задачка (обработка до получаса несколько тысяч файлов). Для развлекухи пользователя хотел сделать прогресс-индикатор. Схему действий вижу примерно стандартную - скрипт при работе пишет в сессию процент выполнения, другой скрипт по запросу AJAX отдает процент JS-у, который отрисовывает прогресс. Но есть 2 нюанса, вернее 1 нюанс и мое непонимание: 1 - не понимаю как запустить выполнение JS скрипта по таймеру каждые 5 сек. 2 - не понимаю как его вообще запустить без явного события. ну и: Обработка длинного процесса запускается после передачи параметров из формы в скрипт. И в результате имеем то, что прорисовка страницы получается только или по завершению скрипта или через некоторое время. В том числе и прогресс-индикаторы. Как после прорисовки страницы перед запуском долгого процесса вывести страницу на экран и запустить выполнение скрипта отрисовки каждые несколько секунд? 0

@rtt1971 0 / 0 / 1 Регистрация: 27.03.2020 Сообщений: 201
	28.11.2020, 09:56 [ТС]
	А как сделать сначала отрисовку страницы а потом запустить тяжелый процесс? Можно, конечно, запустить его автономным модулем, но не очень жедательно 0

@rtt1971 0 / 0 / 1 Регистрация: 27.03.2020 Сообщений: 201
	28.11.2020, 10:50 [ТС]
	а вариантов нет. Нужно обработать пару тысяч записей БД с формированием PDF 0

@sad67man 2603 / 1507 / 689 Регистрация: 23.08.2015 Сообщений: 3,823
	28.11.2020, 11:34
	rtt1971, После формирования pdf можете дать ссылку на скачивание. 0

@rtt1971 0 / 0 / 1 Регистрация: 27.03.2020 Сообщений: 201
	28.11.2020, 11:55 [ТС]
	Да так и есть. Только ПДФ-ки еще зипом в пачки упаковываются, а потом уже ссылки на страницу выводятся Добавлено через 1 минуту И задача как раз в том что пока работает скрипт выводился прогресс-индикатор, а потом он пропадал а выводилась табличка с файлами для скачивания. Время работы до получаса, в зависимости от количества файлов 0