1. JavaScript / Говнокод #16082

    +161

    1. 1
    2. 2
    3. 3
    4. 4
    5. 5
    6. 6
    7. 7
    var percent = 0;
setInterval(function() {
    if(percent < 100) {
        percent += 10;
        showprogress(percent);
    }
}, 50);

    Прогресс-бар асинхронной загрузки картинки

    Запостил: kissarat, 30 Мая 2014

    Комментарии (22) RSS

    • ava bormand 30.05.2014 07:08 # +3

      Картинки грузятся 500мс независимо от инета?
      Ответить

    • ava Elvenfighter 30.05.2014 11:46 # 0

      Кстати, есть ли какое-нибудь API для наблюдения за ходом загрузки элемента? (хотя бы той же картинки)
      Ответить

      • ava Vasiliy 30.05.2014 12:48 # 0

        вроде нет. да и как то смысла не вижу. Загрузилась страница работай. Большая страница долго грузится, разбей страницу на части грузи по частям.
        Ответить

        • ava kissarat 30.05.2014 12:52 # 0

          Да неужели ти не видел прогрес-бари? Музику/Видео вконтакте не загружал? Гугл драйв не юзал?
          Причем здесь загрузка странци? Если файл большой, типа видео, то без прогрес-бара не обойтись. А делить большую страницу на части - єто из области извращений
          Ответить

          • ava Vasiliy 30.05.2014 13:59 # 0

            Я не правильно понял для загрузки файла есть способы узнать состояние загрузки.
            uploadify к примеру умеет
            http://www.uploadify.com/demos/
            Ответить

          • ava wvxvw 30.05.2014 15:32 # 0

            Не, у ж.скрипта такого способа нет. Есть решения с помощью плагинов, типа Флеша, или вовлекать серверную часть, типа слать события по параллелному каналу. Ну или опрашивать по таймеру и смотреть загрузилось ли, или нет, но прогрессбар из этого не построишь. Или, можно строить прогрессбар по принципу: за первый тик - проходим половину, за второй - четверть, за третий - одну восьмую и т.д. Так визуально будет казаться, что мы все время двигаемся вперед, и тем не менее прогрессбар можно показывать бесконечно долго.
            Ответить

            • ava kissarat 30.05.2014 15:54 # 0

              Да неужели... http://learn.javascript.ru/xhr-onprogress
              Ответить

              • ava Vasiliy 30.05.2014 16:34 # 0

                Мы, для примера, рассмотрим загрузку файла с индикацией прогресса. Это требует от браузера поддержки File API, то есть исключает IE<10.
                Ответить

              • ava wvxvw 30.05.2014 17:05 # −1

                А, ну про файл уже сказали. А картинки тоже загружать хтмлхттпреквестом? Тогда уже лучше просто не использовать хтмл вообще.
                Ответить

              • ava wvxvw 30.05.2014 20:22 # −1

                Ну если сильно хотеть докопаться, то формально, даже при том, что есть такое событие у хттп...реквеста, он все равно не часть ж.скрипта, а часть браузера (в ноде, например, его нет). В ж.скрипте как бы вообще нет штатных способов что-то откуда-то загрузить. Судя по стандартной библиотеке, язык задумывался для перевода дат в строки и обратно, но ПХПисты не просекли фишку.
                Ответить

                • ava kissarat 30.05.2014 20:34 # 0

                  А причем здесь Node.js? В ноде собития даже по-другому регистрируються, да и http-клиент более низкоуровневий.
                  Ответить

                  • ava wvxvw 30.05.2014 20:58 # −1

                    Есть стандарт, который регламентирует, что есть в языке. И в этом стандарте нету ничего про какие-либо сетевые протоколы. Нода при том, что это такая же реализация ж.скрипта как и та, что есть в браузере, кроме нее еще есть ж.скрипт в стандартном JRE, есть в ASP и еще в менее известных местах.
                    Ответить

                    • ava kissarat 01.06.2014 18:20 # 0

                      Вы сравниваете стихийно, непрерывно-разрозненно составляющуюся платформу и целенаправленно созданные корпоративние фреймворки
                      Ответить

                      • ava wvxvw 01.06.2014 18:33 # 0

                        Ничего такое я не сравнивал. Я вообще ничего не сравнивал. Есть язык ж.скрипт. Есть его стандарт. Какие платформы, какие корпорации?
                        Ответить

                        • ava kissarat 29.06.2017 06:14 # 0

                          C# разрабатывался от начала и до конца одними архитекторами. ECMAScript развивается стихийно и его фичи придумывают много людей
                          Ответить

    Добавить комментарий