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 16782×

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ů

14.11.2017 16:56 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě DIY, CNC, SDR nebo morseovka? Přijď na sraz spolku OpenAlt – tradičně první čtvrtek před třetím pátkem v měsíci: 16. listopadu od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

12.11.2017 11:06 /Redakce Linuxsoft.cz
PR: 4. ročník odborné IT konference na téma Datová centra pro business proběhne již ve čtvrtek 23. listopadu 2017 v konferenčním centru Vavruška, v paláci Charitas, Karlovo náměstí 5, Praha 2 (u metra Karlovo náměstí) od 9:00. Konference o návrhu, budování, správě a efektivním využívání datových center nabídne odpovědi na aktuální a často řešené otázky, např Jaké jsou aktuální trendy v oblasti datových center a jak je využít pro vlastní prospěch? Jak zajistit pro firmu či jinou organizaci odpovídající služby datových center? Podle jakých kritérií vybrat dodavatele služeb? Jak volit součásti infrastruktury při budování či rozšiřování vlastního datového centra? Jak efektivně spravovat datové centrum? Jak eliminovat možná rizika? apod.
Přidat komentář

13.9.2017 8:00 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě DIY, CNC, SDR nebo morseovka? Přijď na sraz spolku OpenAlt – tentokrát netradičně v pondělí: 18. září od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

3.9.2017 20:45 /Redakce Linuxsoft.cz
PR: Dne 21. září 2017 proběhne v Praze konference "Mobilní řešení pro business". Hlavní tématy konference budou: nejnovější trendy v oblasti mobilních řešení pro firmy, efektivní využití mobilních zařízení, bezpečnostní rizika a řešení pro jejich omezení, správa mobilních zařízení ve firmách a další.
Přidat komentář

15.5.2017 23:50 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě DIY, CNC, SDR nebo morseovka? Přijď na sraz spolku OpenAlt, který se bude konat ve čtvrtek 18. května od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

12.5.2017 16:42 /Honza Javorek
PyCon CZ, česká konference o programovacím jazyce Python, se po dvou úspěšných ročnících v Brně bude letos konat v Praze, a to 8. až 10. června. Na konferenci letos zavítá např. i Armin Ronacher, známý především jako autor frameworku Flask, šablon Jinja2/Twig, a dalších projektů. Těšit se můžete na přednášky o datové analytice, tvorbě webu, testování, tvorbě API, učení a mentorování programování, přednášky o rozvoji komunity, o použití Pythonu ve vědě nebo k ovládání nejrůznějších zařízení (MicroPython). Na vlastní prsty si můžete na workshopech vyzkoušet postavit Pythonem ovládaného robota, naučit se učit šestileté děti programovat, efektivně testovat nebo si v Pythonu pohrát s kartografickým materiálem. Kupujte lístky, dokud jsou.
Přidat komentář

2.5.2017 9:20 /Eva Rázgová
Putovní konference československé Drupal komunity "DrupalCamp Československo" se tentokrát koná 27. 5.2017 na VUT FIT v Brně. Můžete načerpat a vyměnit si zkušenosti z oblasti Drupalu 7 a 8, UX, SEO, managementu týmového vývoje, využití Dockeru pro Drupal a dalších. Vítáni jsou nováčci i experti. Akci pořádají Slovenská Drupal Asociácia a česká Asociace pro Drupal. Registrace na webu .
Přidat komentář

1.5.2017 20:31 /Pavel `Goldenfish' Kysilka
PR: 25.5.2017 proběhne v Praze konference na téma Firemní informační systémy. Hlavními tématy jsou: Informační systémy s vlastní inteligencí, efektivní práce s dokumenty, mobilní přístup k datům nebo využívání cloudu.
Přidat komentář

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

> Poslední diskuze

5.12.2017 11:50 / Thomas
kitchen renovations

18.9.2017 14:37 / Rojas
high security vault

15.9.2017 7:33 / Wilson
new zealand childcare jobs

31.8.2017 12:11 / Jaromir Obr
Re: ukůládání dat ze souboru

30.7.2017 11:12 / Jaromir Obr
Národní znaky

Více ...

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