Odliczacz czasu w Java Script

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
ONEY
Nowy
Nowy
Posty: 77
Rejestracja: ndz wrz 12, 2004 6:23 pm
Lokalizacja: BB

Odliczacz czasu w Java Script

Post autor: ONEY »

Jak zrobić w Javie Script odliczacz czasu tylko mam taki problem, żeby ten odliczacz odliczł czas od określonej ilości sekund, która jest podana w zmiennej php. np.
[php]<?php
$iloscsekund=60;
?>[/php]
i jeszcze żeby odliczacz nie odliczał czasu w żadnym inpucie tylko normalnie na stronie :)
Mysle że da sie to zrobić :)
(chyba)

Pozdro
yarpo
Nowy
Nowy
Posty: 168
Rejestracja: wt lut 08, 2005 6:29 pm
Lokalizacja: Gdańsk
Kontakt:

Re: Odliczacz czasu w Java Script

Post autor: yarpo »

No więc tak - piszesz, że chcesz w JS, a masz w PHP???
Ale niech będzie - w php dynamicznego [czyli zmieniającego z sekundy na sekunde nie da się zrobić], więc przyjmuję, że jednak chodzi o JS.

Kod: Zaznacz cały

<html>
<body>
<script>
var przed = "ważnego wydarzenia!"
var teraz = "Ważne wydarzenie!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d){
 var today=new Date()
 var todayy=today.getFullYear()
 var todaym=today.getMonth()
 var todayd=today.getDate()
 var todaystring=montharray[todaym]+" "+todayd+", "+todayy
 var futurestring=montharray[m-1]+" "+d+", "+yr
 var difference=(Math.round((Date.parse(futurestring)-Date.parse(todaystring))/(24*60*60*1000))*1)
 if (difference==0)
    document.write(current) 
else if (difference>0)
    document.write("Zostało "+difference+" dni do "+before)
}
//podaj datę, do której ma byc odliczane -  format year/month/day
countdown(2005,06,29)
//-->
</script>
</body>
</html>
To jest licznik, który odlicza dni - ale nie wiem, czy dokładnie o to ci chodziło. Po odświeżeniu strony oblicza co trzeba i wypisuje ci info.
ONEY
Nowy
Nowy
Posty: 77
Rejestracja: ndz wrz 12, 2004 6:23 pm
Lokalizacja: BB

Re: Odliczacz czasu w Java Script

Post autor: ONEY »

No nie dokońca mi oto chodziło...
Bo ja potrzebuje odliczacz czasu taki, że:
- odlicza od podanej ilości sekund (np. od 60 i po sekundzie bedzie 59 etc.)
- odliczanie zaczyn odrazu po wejściu na strone (bez zadnego klikania w linki)
- i czas od którego ma być odliczany jest podany w zmiennej z php (ale tego nie musi być :)
Mysle że już jasne... :)
yarpo
Nowy
Nowy
Posty: 168
Rejestracja: wt lut 08, 2005 6:29 pm
Lokalizacja: Gdańsk
Kontakt:

Re: Odliczacz czasu w Java Script

Post autor: yarpo »

To może chodzi o coś takiego:

Kod: Zaznacz cały

<html> 
<head> 
<script> 
function sprawdz() {
 if (document.forms[0].elements[0].value <= 0) 
	document.forms[0].elements[0].value = 0;
}

var timerID;

function licz() {
    document.forms[0].elements[0].value--;
    timerID = setTimeout("licz()", 1000);
    sprawdz(); 
}

</script> 
</head> 

<BODY onLoad="licz()">

<FORM>
<INPUT TYPE="text" VALUE="60">
</FORM>
</body>
</html>
To jest na input... jeszcze pokombinuje to może da sie przerobic na nieinput.

[Za pomocą CSS można by zrobic że byłoby róznicy między input a stroną. A żeby zablokować możliwośc wpisywania własnych liczb - disable=true dla pola formularza:-)]
yarpo
Nowy
Nowy
Posty: 168
Rejestracja: wt lut 08, 2005 6:29 pm
Lokalizacja: Gdańsk
Kontakt:

Re: Odliczacz czasu w Java Script

Post autor: yarpo »

Oto już chyba skrypt o jaki ci chodzi:

Kod: Zaznacz cały

<html>
<head>
<script>
var liczba = 60;

function licz() {
    liczba--;
    if (document.layers){
      document.layers.myclock.document.write(liczba);
      document.layers.myclock.document.close();
    }
    else if (document.all) {
      myclock.innerHTML = liczba;
      if (myclock.innerHTML>0)
        setTimeout("licz()", 1000);
      else
        myclock.innerHTML = "0";
    }
}

</script>
</head>
<body OnLoad="licz()">
<div id="myclock" style="position: absolute; top: 255px; left: 250px"></div>
</body>
</html>
Nie wiem czy jest optymalny, ale działa [przynajmniej w Operze 7.51]
ONEY
Nowy
Nowy
Posty: 77
Rejestracja: ndz wrz 12, 2004 6:23 pm
Lokalizacja: BB

Re: Odliczacz czasu w Java Script

Post autor: ONEY »

Wielkie ThX :D
ODPOWIEDZ