[JS] Problem - skrypt odliczający, Problem po odświeżeniu stony... Opcje

[poldo]

Witam,

Napisałem prosty skrypt w JS, który działa poprawnie z jednym ALE, które nie wiem jak zabezpieczyć.
Skrypt odlicza 10 sekund i po tym czasie uaktywania nie widzialne elementy, a inne chowa.
Oto kody:

1. Czysty javascirpt:

Kod

<script type="text/javascript">
teraz2=9;
id=window.setTimeout("czas2();",1000);

function czas2()
{

teraz=teraz2;
document.getElementById('sekundy').innerHTML=teraz;

if(teraz==0) {
document.getElementById('sekundy').style.display="none";
document.getElementById('gra').style.display="inline";
}

if(teraz>0)
{
document.getElementById('gra').style.display="none";
czas();
}
}

function czas()
{


id=window.setTimeout("czas2();",1000);
teraz2=teraz-1;

}

</script>

2. Kod HTML:

Kod

<BR><span id="sekundy"></span><BR><span id="gra">Text</span><BR>

I skrypt działa elegancko, dopóki nie wybierzemy w przeglądarce przyciska ODŚWIEŻ.
Po odświeżeniu wszystkie elementy stają sie widoczne, a przeglądarka wypluwa błąd:

document.getElementById(...) jest pusty lub nie jest obiektem

Dodam, że gdy poruszamy się po stronie za pomocą linków, skrypt działa za każdym razem prawidłowo.
Błąd pojawia się tylko po odświeżaniu strony.

Probowałem, ale nie wiem jak mógłbym zabezpieczyć, proszę o POMOC (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

PS. Dodam, że wałkowałem już kilka tematów dot. tej sprawy, np:
http://forum.php.pl/index.php?showtopic=34...rt=#entry196228

Ale niestety nie pomogło...

Ten post edytował poldo 25.11.2007, 00:12:06