Сегодня реализован процесс загрузки проработа
<div> <div id = "procet_bar"> </div> </div>
Управляя широким атрибутом ширины внутреннего DIV, вы можете достичь влияния продвижения вперед на панели прогресса.
Моя панель прогресса показывает прогресс загрузки файлов. Если вы просто реализуете в общей сложности 100 файлов, загрузка одного составит 1%, а загрузка 20 достигнет 20%. Таким образом, код реализован следующим образом:
var fileCount = fileList.length (); filelist.foreach (function (i, obj) {..... // Загрузить файл document.getElementById ("процентНо вы увидите, что файлы загружаются один за другим, но прогресс не переместился. Это связано с тем, что Logic JS будет выполнена сначала, а рендеринг страницы будет выполняться только после завершения JS выполнения, поэтому вы не можете увидеть нормальную панель прогресса.
Как я могу заставить JS Logic выполнить и дождаться первого рендеринга страницы?
var i = 0; var fileCount = fileList.length (); var loop = function () {if (i> fileCount) // Выход из цикла return; ...... // Скачать файл i ++; document.getElementbyId ("inpity_bar"). style.width = i/filecount*100+"%"; // Next Loop that.loopid = window.settimeout (loop, 0); 7} that.loopid = window.settimeout (loop, 0);Динамический эффект панели прогресса может быть достигнут с помощью функции SetTimeout.
Приведенная выше статья быстро решает проблему своевременного рендеринга страниц после динамического изменения атрибутов элементов DOM с помощью JS - это все, что содержимое, разделяемое редактором. Я надеюсь, что это может дать вам ссылку, и я надеюсь, что каждый сможет поддержать Wulin.com больше.