Forum PHP.pl > [JS] Countdown

My4tic

17.08.2006, 13:38:14

Witam,

Mam problem z takim kodem:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function countdown(dd, id){
 
idd = id;
sek = dd;
 
godziny=Math.floor(dd/3600);
remain=Math.floor(dd-(godziny*3600));
minuty=Math.floor(remain/60);
sekundy=Math.floor(dd-(minuty*60+godziny*3600));
 
if (sekundy<10) sekundy= "0"+sekundy;
if (minuty<10) minuty= "0"+minuty;
if (godziny<10) godziny= "0"+godziny;
 
document.getElementById(idd).innerHTML=godziny+":"+minuty+":"+sekundy;
 
if (dd==0) {
        document.getElementById(idd).innerHTML="---";
        return
}
 
sek = dd - 1;
setTimeout("countdown(sek, idd)", 1000);
}
</script>
 
dd - czas ktory ma odliczyc w sek
id - id pola ktore ma być modyfikowane
[HTML] pobierz, plaintext

...wszystko działa ok do momentu kiedy chce uruchomić funkcje dla większej ilości pól na stronie.
Powiedzmy ze mam dwa divy o id 1 i 2. Teraz chce aby timer odliczał dwa rozne czasy w tych dwoch polach. Ta funkcja którą mam sobie z tym nie radzi.

Pzdr

SHiP

17.08.2006, 14:01:06

Musisz zdefioniować id kazdego timera i w zaleznosci od niego operowac na odpowiednim obiekcie
Kiedys napisalem coś takiego...

Kod

var Timeout=Array();

function timer(id,time,endcode)
{

    window.clearTimeout(Timeout['timer_'+id]);

    time--;
    var myTime = time;

    var hours = Math.floor(time/3600);
    time-=hours*3600;
    var min = Math.floor(time/60);
    time-=min*60;

    if(hours<10) hours='0'+hours;
    if(min<10) min='0'+min;

    if(myTime==0) {document.getElementById(id).innerHTML='';  eval(endcode); return 0; }
        else document.getElementById(id).innerHTML=hours+':'+min+':'+time;

  Timeout['timer_'+id] = window.setTimeout('timer("'+id+'",'+myTime+',"'+endcode+'")', 1000);
}

Przykald uzycia

Kod

var Timeout=Array();

function timer(id,time,endcode)
{

    window.clearTimeout(Timeout['timer_'+id]);

    time--;
    var myTime = time;

    var hours = Math.floor(time/3600);
    time-=hours*3600;
    var min = Math.floor(time/60);
    time-=min*60;

    if(hours<10) hours='0'+hours;
    if(min<10) min='0'+min;

    if(myTime==0) {document.getElementById(id).innerHTML='';  eval(endcode); return 0; }
        else document.getElementById(id).innerHTML=hours+':'+min+':'+time;

  Timeout['timer_'+id] = window.setTimeout('timer("'+id+'",'+myTime+',"'+endcode+'")', 1000);
}
</script>

<div id="one"></div>
<div id="two"></div>

<script type="text/javascript">

timer("one",60,"alert('Minuta minęła')");
timer("two",10,"alert('10 sek. minęło')");
</script>

Zapomniałem o skladni ;] Pierwszy parametr - id, drugi - czas w sekundach - trzeci kod jaki zostanie wykonany po uplywie tego czasu

My4tic

17.08.2006, 14:59:14

Dzięki za pomoc. Wszystko śmiga.

Pozdrawiam.