Как применить изменения CSS динамически перед загрузкой страниц

Question

Я загружаю внешние CSS из внешнего javascript динамически из другого источника на мой сайт, который обновляет мою веб-страницу до нового дизайна CSS.

var link = document.createElement( "script" ); link.src = "http://externalsourcee.com/page/js/generate?token=I-css76theme"; document.getElementsByTagName( "head" )[0].appendChild( link );

Проблема: моя веб-страница, гдеСначала обновляется css, затем изменяется дизайн, поэтому пользователь увидит задержку.

Мой вопрос: Как я могу убедиться, что пользователь не видит никаких изменений, пользователь увидит дизайн только один раз?страница загружается или если задержка должна существовать, тогда мы можем вставить экран загрузки, чтобы посетитель мог видеть прогресс, пока обновляется CSS.

Предупреждение: я не могу редактировать HTML-файл, я могу только вносить изменения вэто путем загрузки Javascript извне.

Answer 1

Вы можете использовать функцию setTimeout для загрузки другого css.

Вы также можете поставить, пожалуйста, подождите, используя javascript и css для пользователей, чтобы они могли ждать обновлений утилит.

Я надеюсь, что это поможетвы.