Определенное время для предварительного загрузчика html

Question 1

У меня есть этот сайт, который загружает фреймы с разных сайтов. Я бы хотел поставить предварительный загрузчик, который занимает всю страницу в течение определенного времени, например, 10 секунд и т. Д., А не когда только страница закончила загрузку.

В планах вроде поставить предзагрузчик на 10 секунд и заставить его исчезнуть. Игнорирование того, завершили ли фреймы загрузку или нет.

Коды, которые я видел, дают только что-то вроде

100% {
    opacity: 0;
  }

html css preloader

2

neumear 23 Окт 2019 в 17:09

1

Привет. Я обновил свой вопрос для более подробной информации...

–

neumear

23 Окт 2019 в 17:21

Я не думаю, что это дуп, потому что он не заботится о событии загрузки, может просто подождать.

–

JP Silvashy

23 Окт 2019 в 17:23

Answer

Как насчет того, чтобы все тело исчезло за 10 секунд вот так ?:

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
   opacity: 1;
  }
}

body {
  -webkit-animation: fadeIn 10s;
  animation: fadeIn 10s;
}

При желании вы можете добавить задержку в начале:

animation-delay: 2s;

Это лучше скрыло бы страницу во время загрузки, пока это было предсказуемо меньше, чем время, необходимое для загрузки, вам было бы лучше каким-то образом действительно наблюдать за загрузкой iframe, но это уже другая тема:

2

JP Silvashy 25 Окт 2019 в 05:36

Question 2

Как насчет того, чтобы все тело исчезло за 10 секунд вот так ?:

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
   opacity: 1;
  }
}

body {
  -webkit-animation: fadeIn 10s;
  animation: fadeIn 10s;
}

При желании вы можете добавить задержку в начале:

animation-delay: 2s;

Это лучше скрыло бы страницу во время загрузки, пока это было предсказуемо меньше, чем время, необходимое для загрузки, вам было бы лучше каким-то образом действительно наблюдать за загрузкой iframe, но это уже другая тема:

2

JP Silvashy 25 Окт 2019 в 05:36

Определенное время для предварительного загрузчика html

1 ответ

Похожие вопросы

Новые вопросы

html