| |
|
|
| | Есть такая задача. При открытии страницы, нужно некоторое время показывать один DIV с графикой (gif, flash), после чего его скрыть и показать DIV с некой информацией.
Делаю так:
<script type="text/javascript">
var date=new Date();
var startTime=date.getTime();
function process()
{
var nowDate=new Date();
var nowTime=nowDate.getTime();
var diffSecs=(nowTime-startTime)/1000;
if(diffSecs>3) {
document.getElementById("Div1").className="Hide";
document.getElementById("Div2").className="Show";
}
if(diffSecs<5)
{
setTimeout("process()",1000);
}
}
</script>
<html>
<body onload="setTimeout('process()',1000);">
<div id="div1" class="Show"><img src="picture.gif" alt=""/></div>
<div id="div2" class="Hide">Hello world</div>
</body>
</html>
|
Проблема в том, что код не всегда срабатывает. Случается так, что первый блок так и не прячется. Плюс в зависимости от скорости соединения, не всегда успевает подгрузиться картинка в первом DIV (3-4 кб) и блок прячется так ничего и не показав.
Подскажи плиз, наверняка есть способ решить эту проблему(ы). | |
| |
|
