Ďalšie využiteľné metódy objektu window.
25.11.2004 15:00 | Rišo Marko | přečteno 19861×
Č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:
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);
|
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>
|
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);
|
Ď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>
|
Existuje tiež funkcia scrollTo(), ktorá preskrolluje na presne určenú pozíciu.
scrollTo(x,y);
scrollTo(0,15);
|
Ď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);
|
Ď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');
}
|
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.
|
To bolo pre tento diel všetko.