Быстро решить проблему своевременного рендеринга страниц после динамического изменения атрибутов элементов DOM JS

Сегодня реализован процесс загрузки проработа

 <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 больше.