LINUXSOFT.cz Přeskoč levou lištu
Uživatel: Heslo:  
   CZUKPL

> JavaScript -- 13 -- Objekt Window (2/2)

Ďalšie využiteľné metódy objektu window.

25.11.2004 15:00 | Rišo Marko | Články autora | přečteno 17073×

Interval a Timeout

Interval

Časové intervaly sú používané vo väčšine skriptov, kde je potrebné zabezpečiť pravidelné opakovanie časti kódu.

Intervaly sa nastavujú pomocou metódy:


setInterval(kod, milisekundy);
a rušia pomocou metódy:
clearInterval(ID);

Pokiaľ nepotrebujete interval zrušiť stačí použiť len metódu

setInterval() napr. nasledovne:

setInterval('alert("int")',2000);

ale takýto interval už nieje možné zrušiť pretože neviete jeho ID ktoré vracia funkcia setInterval() a ktoré si vyžaduje funkcia clearInterval() ako vstupný parameter. Preto sa intervaly používajú spolu s premennou.

var interid=setInterval('alert("intervalcek")',2000);
//id intervalu je teraz uložený v premennej interid
//a ked tento interval chceme zrušiť dáme tento ID funkcii
clearInterval(interid);

Vyskúšať si to môžete tu:  

Keby bol kód, ktorý potrebujete vykonať obsiahlejší bolo by dosť nepraktické zapisovať do jedného intervalu celú časť kódu. Preto je najlepšie volať z intervalov funkcie.

function withinterval()
{
alert('alert z funkcie withinterval()');
}

setInterval('withinterval()',1000);

Asi najlepšíe využitie má táto metóda pri bežiacich hodinách, ktoré je potrebné stále aktualizovať v pravidelných intervaloch.

<script type="text/javascript">
function updatec()
{
var datum = new Date();
window.status=datum;
}

setInterval('updatec()',987);
</script>

Vyskúšať si to môžete tu:

Timeout

Timeout je obdobnou funkciu ako interval, rozdiel je v tom, že interval je opakovaný a timeout nie. Lepšie sa to vysvetľuje na príklade.

setTimeout('alert("timeout")',2000);

Takýto zápis znamená, že po nastavení Timeoutu sa vykoná časť kódu presne za 2000 milisekúnd. setTimeout() tiež, podobne ako setInterval(), vracia ID intervalu, ktoré je v prípade potreby možné uložiť do premennej a timeout následne zrušiť.

var timerid = setTimeout('alert("timeout")',2000);


//na rušenie timeoutov sa používa funkcia
clearTimeout(timerid);

Vyskúšať si to môžete tu:

Ďalší príklad timeoutu je spojený s ďalšou metódou objektu window a to scrollBy() ktorá robí relatívne skrolovanie okna - skrolovanie o určitý počet pixelov.

scrollBy(x,y);
//x je počet pixelov o ktorý sa skroluje okno po osi x (horizontálne)
//y je počet pixelov o ktorý sa skroluje okno po osi y (vertikálne)

A teraz príklad:

<script type="text/javascript">
var skroltid;
function skroluj()
{
window.scrollBy(0,2);

skroltid = setTimeout('skroluj()',300);
}
function zastav()
{
clearTimeout(skroltid);
}

// pre spustenie skrolovania zavolate funkciu skroluj()
// pre zastavenie zastav()

</script>

Vyskúšať si to môžete tu:

Existuje tiež funkcia scrollTo(), ktorá preskrolluje na presne určenú pozíciu.

scrollTo(x,y);

scrollTo(0,15);

Vyskúšajte si to tu:

Ďalšie dve metódy objektu window sú určené na posúvanie okna po obrazovke. Neviem či majú reálne využitie ale tak či tak ich tu uvádzam. Prvou metódou je metóda moveBy(), ktorá posúva okno relatívne na aktuálnu pozíciu.

moveBy(x,y);

moveBy(10,10);

Druhou metódou je metóda moveTo(), ktorá posúva okno presne na určenú pozíciu.

moveTo(x,y);

moveTo(25,25);

Vyskúšajte si to tu:

Tieto metódy nefungujú pokiaľ máte maximalizované okno prehliadača.

Ďalšou z často používaných metód je metóda prompt(), ktorá vyvolá dialógové okno do ktorého je možné písať text. Funkcia vracia text ktorý používateľ napíše.

prompt(správa ktorá sa zobrazí,prednastavený text);

var input=prompt('Zadaj svoje meno!','Ja');

Existuje tiež metóda confirm(), ktorá otvorí dialógové okno s textom a dvoma tlačítkami "Ok" a "Cancel". Funkcia vracia "true" keď používateľ stlačí "Ok" a "false" keď stlačí "Cancel".

confirm(správa ktorá sa zobrazí);

var reason=confirm('Chceš zavrieť okno?');
if (reason==true) { alert('Stlacil si OK'); } else { alert('Stlacil si Cancel'); }

Vyskúšajte si to tu:

Ešte existujú 2 zatiaľ nespomenuté metódy: je to metóda print() a metóda close(). Sú to metódy bez parametrov. Print() vyvolá dialóg pre tlač a close() zavrie okno.

Vyskúšajte si to tu:

To bolo pre tento diel všetko.

Verze pro tisk

pridej.cz

 

DISKUZE

Nejsou žádné diskuzní příspěvky u dané položky.



Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software
> Vyhledávání článků

18.6.2018 0:43 /František Kučera
Červnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 21. 6. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát na téma: F-Droid, aneb svobodný software do vašeho mobilu. Kromě toho budou k vidění i vývojové desky HiFive1 se svobodným/otevřeným čipem RISC-V.
Přidat komentář

23.5.2018 20:55 /Ondřej Čečák
Od pátku 25.5. proběhne na Fakultě informačních technologií ČVUT v Praze openSUSE Conference. Můžete se těšit na spostu zajímavých přednášek, workshopů a také na Release Party nového openSUSE leap 15.0. V na stejném místě proběhne v sobotu 26.5. i seminář o bezpečnosti CryptoFest.
Přidat komentář

20.5.2018 17:45 /Redakce Linuxsoft.cz
Ve čtvrtek 31. května 2018 připravuje webový magazín BusinessIT ve spolupráci s Best Online Média s.r.o. pátý ročník odborné konference Firemní informační systémy 2018. Akce proběhne v kongresovém centru Vavruška (palác Charitas), Karlovo náměstí 5, Praha 2 (u metra Karlovo náměstí) od 9:00 hod. dopoledne do cca 15 hod. odpoledne. Konference je zaměřena na efektivní využití firemních informačních systémů a na to, jak plně využít jejich potenciál. Podrobnější informace na webových stránkách konfrence.
Přidat komentář

14.5.2018 7:28 /František Kučera
Květnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 17. 5. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát na téma: Audio – zvuk v GNU/Linuxu.
Přidat komentář

7.5.2018 16:20 /František Kučera
Na stránkách spolku OpenAlt vyšla fotoreportáž Pražské srazy 2017 dokumentující srazy za uplynulý rok. Květnový pražský sraz na téma audio se bude konat 17. 5. 2018 (místo a čas ještě upřesníme).
Přidat komentář

17.4.2018 0:46 /František Kučera
Dubnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 19. 4. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tématem tohoto srazu bude OpenStreetMap (OSM) aneb svobodné mapy.
Přidat komentář

16.3.2018 22:01 /František Kučera
Kulatý OpenAlt sraz v Praze oslavíme klasicky: u limonády a piva! Přijďte si posedět, dát si dobré jídlo a vybrat z mnoha piv do restaurace Kulový blesk, který najdete v centru Prahy nedaleko metra I. P. Pavlova na adrese Sokolská 13, Praha 2. Sraz se koná ve čtvrtek 22. března a začínáme v 18:00. Heslo: OpenAlt. Vezměte s sebou svoje hračky! Uvítáme, když si s sebou na sraz vezmete svoje oblíbené hračky. Jestli máte nějaký drobný projekt postavený na Arduinu, nějakou zajímavou elektronickou součástku, či třeba i pěkný úlovek z crowdfundingové akce, neváhejte. Oslníte ostatní a o zábavu bude postaráno.
Přidat komentář

13.2.2018 0:41 /František Kučera
Únorový pražský sraz OpenAltu se koná 15. 2. 2018 a tentokrát se vydáme na návštěvu do jednoho pražského datacentra. Sejdeme se v 17:50 v severovýchodní části nástupiště tramvajové zastávky Koh-I-Noor. Po exkurzi se přesuneme do restaurace U Pštrosa (Moskevská 49), kde probereme tradiční témata (svobodný software a hardware, DIY, CNC, SDR, 3D tisk…) a tentokrát bude k vidění i IoT brána od The Things Network.
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

20.2.2018 18:48 / Ivan Majer
portal

20.2.2018 15:57 / Jan Havel
Jak využíváte služby cloudu v podnikání?

16.1.2018 1:08 / Ivan Pittner
verejna ip od o2 ubuntu

15.1.2018 17:26 / Mira Harvalik
Re: Jak udělat HTML/Javascript swiping gallery do mobilu?

30.12.2017 20:16 / Michal Knoll
odmocnina

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2018) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze