Forum PHP.pl > [js] wywolanie opóźnionej funkcji

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js] wywolanie opóźnionej funkcji

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

XP'ek

10.08.2010, 10:16:03

jak zrobic aby funkcja wywolywala mi sie co np. 10 sek robila obrót petli while np. 5 razy i za kazdym razem opozniala sie o pol sek. tzn co 10 sek wywolana jest funkcja w ktorej petle 5 razy obracajac sie pokazuje 5 roznych liczb kazda przez pol sekundy

kufalo

12.08.2010, 10:25:28

na pewno tu bedzie potrzebny setTimeout

skowron-line

12.08.2010, 11:32:48

Cytat(kufalo @ 12.08.2010, 09:25:28 )

na pewno tu bedzie potrzebny setTimeout

[JAVASCRIPT] pobierz, plaintext 
setTimeout('function', 100 * i); // i to numer iteracji bez tego 5 razy w tym samym czasie sie wykona.
[JAVASCRIPT] pobierz, plaintext

zegarek84

12.08.2010, 12:33:13

Cytat(XP'ek @ 10.08.2010, 11:16:03 )

[HTML] pobierz, plaintext 
<html><body><div id="liczby">TUTAJ POJAWIĄ SIĘ LICZBY</div>
 
<script>
var $in_div=document.getElementById('liczby').firstChild,
$interval;
 
function pokaz_liczbe($i){
    this.wykonaj=function(){
        $in_div.nodeValue=$i;
    }
}
function ukryj_ostatnia(){
    $in_div.nodeValue='';
}
function co_10(){
    var $i=0,$l;
    do{
        $l = new pokaz_liczbe($i+1);
        setTimeout($l.wykonaj, 500*$i);
    }while(++$i<5);
    setTimeout(ukryj_ostatnia, 500*$i);
    $i=0;
}
$interval=setInterval(co_10, 10000);
</script></body></html>
[HTML] pobierz, plaintext

skowron-line

12.08.2010, 12:39:16

@zegarek84 czytanie ze zrozumieniem, pytanie było "jak zrobić" a nie zróbcie mi funkcję.

zegarek84

12.08.2010, 12:45:04

i tak on to musi jeszcze "zaimplementować" do swoich potrzeb - jeśli źle to zrobi to może mieć małe kuku... jeśli skrypt będzie chciał dać w nagłówku to też musi go po załadowaniu DOM dopiero wywołać... dobrze by było te zmienne $in_div i $interwal dać gdzieś indziej bo tak są w obiekcie globalnego window.. poza tym eval też nie jest najlepszym rozwiązaniem - już lepiej by było skorzystać z anonimowej funkcji [ja tutaj użyłem obiektu do przechowania liczby] (fakt, że setTimeout może przyjąć więcej argumentów ale problemem jest tutaj IE... z kolei eval jest tu mało wygodne gdyż odwołać można się tylko do zmiennych/funkcji z obiektu window...)... i jeszcze podany przeze mnie przykład nie umiejętnie wykorzystany na większym liczniku jest z wyciekiem pamięci - jeśli jakoś liczby się powtarzają dobrze by było gdzieś zrobić do tego uchwyt a nie co chwila tworzyć nowy obiekt...

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.