Kurs 12: L�r dig spr�ket JavaScript - En timer av JavaScript

JavaScript.nu / JavaScript-kurs / Funktionen setTimeOut()

L�R DIG SPR�KET JAVASCRIPT
Funktionen setTimeOut()

Jag ska nu l�ra dig hur man g�r en timer i JavaScript d�r man g�r s� att en funktion startar efter en viss tid.

Vill du testa detta script trycker du h�r.
Scriptet finner du h�r:

<SCRIPT LANGUAGE="JavaScript">
<!--

setTimeout ("funktionens_namn()", 5000);

function funktionens_namn()
{
alert("Nu f�r du tacket f�r att du v�ntade i 5 sekunder");
}

//-->
</SCRIPT>

Det som h�nder h�r �r att setTimeout startar funktionens_namn() efter 5000 tusendels sekunder (f�r den som inte �r alltf�r bra i matte s� �r 1000 tusendels sekunder 1 sekund).

P� detta s�tt kan man g�ra s� att en funktion startar om sig sj�lva hela tiden. H�r har jag samma script som ovan fast med denna funktion:

function funktionens_namn()
{
alert("Nu f�r du tacket f�r att du v�ntade i 5 sekunder");
setTimeout ("funktionens_namn()", 3000);
}

Nu kommer du att f� v�nta i 5 sekunder f�r att funktionen funktionens_namn ska starta. N�r den v�l har startat kommer den att laddas om var tredje sekund. Testa scriptet h�r.

Nu har jag gjort om scriptet lite till, jag har bytt ordning p� raderna...
alert("Nu f�r du tacket f�r att du v�ntade i 5 sekunder");
setTimeout ("funktionens_namn()", 3000);
...till...
setTimeout ("funktionens_namn()", 3000);
alert("Nu f�r du tacket f�r att du v�ntade i 5 sekunder");

Varf�r det? Jo, skillnaden visar sig beroende p� om man har Netscape eller Internet Explorer. Explorer utf�r exakt samma sak oavsett vilken av raderna som kommer f�rst, fast Netscape skiljer p� de olika s�tten. I f�rra scriptet n�r alertrutan kom fram INNAN "timern" i funktionen startat s� m�ste man trycka bort alertrutan f�r att timern ska starta, men nu, n�r jag bytt plats p� raderna, s� kan du l�ta alertrutan vara �ppen och timern r�knar ner �nd�. Testa sj�lv h�r. V�nta f�rst i 5 sekunder, sedan kommer en alert-ruta upp. Tryck inte bort alertrutan, l�t den vara �ppen i 3 sekunder och tryck sedan bort den, d� kommer samma ruta att �ppnas igen. Denna kan du nu trycka bort utan besv�r.

Ytterligare ett steg i r�tt riktning, fram�t!
Forts�tt till kursens n�sta del.

L�R DIG SPR�KET JAVASCRIPT Funktionen setTimeOut()

L�R DIG SPR�KET JAVASCRIPT
Funktionen setTimeOut()