Определено время для предварительного загрузчика HTML - PullRequest
Новая
       20

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

2 голосов
/ 23 октября 2019

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

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

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

100% {
    opacity: 0;
  }

1 Ответ

2 голосов
/ 23 октября 2019

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

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

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

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

animation-delay: 2s;

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

...