Я ищу функцию javascript, которая будет задерживаться тело веб-страницы для загрузки, я хочу, чтобы он отображал мой html-фон на 1 или 2 секунды, а затем отображал содержимое тела. нужна помощь. СпасибоJavascript - Как сделать всплывающее окно?
ответ
вы не можете остановить загрузку страницы. но вы можете принудительно заставку на не скрывая основной контейнер вашего контента до указанного времени ..
<div id="bg">
<div id="container" style="display:none">
-- your content goes here --
</div>
</div>
<script type="text/javascript">
// use setTimeout to show #container
</script>
Вы не можете задержать загрузку вашего содержимого тела, но вы можете поместить DIV поверх вашего (используя абсолютное позиционирование и z-индекс), который отображается поверх него и скрывает ваш контент до тех пор, пока ваши две секунды не будут выполнены, а затем вы можете скрыть оверлейный div.
Вот рабочий пример: http://jsfiddle.net/jfriend00/Ru6tk/, где вы можете увидеть HTML, CSS и javascript.
Или вы можете разместить содержимое своего основного тела внутри своего собственного div и установить его как display: none
с помощью начального CSS, а затем любое другое содержимое будет отображаться первым, а затем через две секунды вы можете показать свой главный div и скрыть другой div, тем самым скрывая фон и показывая ваш основной контент.
Вы можете использовать функцию .delay() в JQuery (я использую Jquery 1.7.1 версии), как на примере ниже:
$(selector).delay(2000).fadeIn("slow");
следующие действия
1) положить DIV на верхней части вашего контента и установить его CSS свойству дисплей: нет как
<body>
<div id="wrapperdiv" style="display:none;">
......<br/>
</div>
</body>
<br/>
2) теперь на тело тега вашей страницы добавить функцию OnLoad как
<body onload="displaypage()">;
3) Теперь добавьте скрипт под тег тела как
<script type="text/javascript">;
function displaypage()
{<br/>
var t=setTimeout("displaydiv()",3000);//Number of seconds *1000, Currently its **3** seconds
}
function displaydiv()
{
document.getElementById("wrapperdiv").style.display='block';
}
</script>;
живой пример
<html>
<head>
<title>Test Delay Display Page By IuR</title>
</head>
<body onload="displaypage()">
<script type="text/javascript">
function displaypage()<br/>
{
var t=setTimeout("displaydiv()",3000);// it will Delay for 3 seconds
}
function displaydiv()
{
document.getElementById("wrapperdiv").style.display='block';
}
</script>
<div id="wrapperdiv" style="display:none;height:500px;width:300px;background-color:red;">
</div>
</body>
</html>
- 1. Как сделать всплывающее окно?
- 2. Как сделать всплывающее окно
- 3. Как сделать всплывающее окно?
- 4. Как сделать всплывающее окно
- 5. Как сделать отзывчивое всплывающее окно?
- 6. Как сделать всплывающее окно подвижным?
- 7. Как сделать ионное всплывающее окно?
- 8. Drupal, как сделать всплывающее окно?
- 9. Javascript/JQuery всплывающее окно
- 10. Как показать всплывающее всплывающее окно с JavaScript?
- 11. Всплывающее окно в Javascript
- 12. Javascript: Видео всплывающее окно
- 13. Как открыть всплывающее окно, Javascript
- 14. Javascript: Закрыть всплывающее окно
- 15. всплывающее окно javascript (как добавить фокус в всплывающее окно)
- 16. Всплывающее окно с javascript
- 17. html, javascript - всплывающее окно
- 18. Лучший способ сделать «всплывающее окно»
- 19. как сделать всплывающее окно в sugarcrm?
- 20. Распечатать всплывающее окно Javascript
- 21. JavaScript: пользовательское всплывающее окно
- 22. Всплывающее окно в Javascript
- 23. Всплывающее окно Javascript
- 24. Всплывающее окно javascript
- 25. Всплывающее окно Javascript (минимум)
- 26. Всплывающее окно Javascript
- 27. Как сделать только одно всплывающее окно одновременно?
- 28. Всплывающее всплывающее окно Javascript расширяет сеанс PHP?
- 29. Как сделать окно всплывающее из ссылки с помощью javascript
- 30. Как сделать всплывающее окно в Ajax?
Поместите содержимое внутри огромного div. Сделайте это скрытым по умолчанию. Покажите это через 2 секунды после загрузки страницы. –
Я предполагаю, что код @pst говорил о чем-то вроде этого: 'onload = setTimeout (function() {document.getElementById (" bigDiv "). Display =" block ";}, 2000);" ' – JNF
Вы имеете в виду: 'document.getElementById (" bigDiv "). style.display = ''', но, вероятно, лучше использовать 'style.visibility'. Независимо от того, они оба будут раздражать. – RobG