Forum PHP.pl > [HTML][JavaScript] Odliczanie czasu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript] Odliczanie czasu

Lethys

19.07.2010, 23:18:36

Witam chcialbym aby mi odliczalo w HTML codziennie do 24

Czyli zostalo 3h32min do konca dnia

nie wiem czemu nie chce dzialac, biala stronba sie pojawia

[HTML] pobierz, plaintext 
<script>
function liczCzas()
{
  now = new Date();
  rok = now.getFullYear();
  miesiac = now.getMonth();
  dzien = now.getDate();
  to = new Date(rok,miesiac,dzien,12,0,0);
  ile = to.getTime() - now.getTime();
  godzin = Math.floor(ile / (1000 * 60 * 60));
  minut = Math.floor( ile / (1000 * 60)-godzin*60);
  sekund = Math.floor(ile / 1000 - godzin*60*60 - minut*60);
  if (godzin < 0)
  {
    to = new Date(rok,miesiac,dzien+1,12,0,0);
    ile = to.getTime() - now.getTime();
    godzin = Math.floor(ile / (1000 * 60 * 60));
    minut = Math.floor(ile / (1000 * 60)-godzin*60);
   sekund = Math.floor(ile / 1000 - godzin*60*60 - minut*60);
  }
  document.getElementById("time").innerHTML = "Pozostalo: "+godzin+" 
... godzin, "+minut+" minut, "+sekund+" sekund";
  }
var animeInt;
clearInterval(animeInt);
animeInt = setInterval("liczCzas()", 1000);
</script>  
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>New Page 1</title>
</head>
 
<body>
<div id="time"></div>
</body>
 
</html>
[HTML] pobierz, plaintext

smietek

20.07.2010, 13:03:04

Włącz konsolę błędów w przeglądarce i będziesz wiedział, gdzie jest błąd.

Lethys

20.07.2010, 22:22:41

Nie znam sie na JS, nie ja pisalem ten kod. Wyskakuje

Cytat

Błąd: unterminated string literal
Plik źródłowy: http://swiadomy-sen.pl/kod.htm
Wiersz: 21, Kolumna: 67
Kod źródłowy:
document.getElementById("time").innerHTML = "Pozostalo: "+godzin+"

Wyczytałem w internecie że musi być w jednej linii, nie można używać entera więc zrobiłem tak :

[HTML] pobierz, plaintext 
...
}
  document.getElementById("time").innerHTML = "Pozostalo: "+godzin+" godzin, "+minut+" minut, "+sekund+" sekund";
  }
...
[HTML] pobierz, plaintext

Ale cały czas wyskakuje to samo, może mi ktoś pomóc ?

Z góry dziękuje

Wicepsik

20.07.2010, 22:56:57

[JAVASCRIPT] pobierz, plaintext 
<div id="zegar"></div>
<script type="text/javascript">
var h = 23, m = 59, s = 59;
function time(){
	var d = new Date();
	document.getElementById('zegar').innerHTML = (check(h-d.getHours(),'h ')+check(m-d.getMinutes(),'m ')+check(s-d.getSeconds(),'s '));
}
function check(i, l){
	if(i>0){
		if(i<10) i = '0'+i; 
		return i+l;
	}
	return '';
}
setInterval("time();", 500);
</script>
[JAVASCRIPT] pobierz, plaintext

Lethys

20.07.2010, 23:57:30

Wielkie dzięki, działa jak należy.

ale mam jeszcze mały problem: jak można edytować wynik ?

Tzn chce żeby np. był pogrubiony. Gdzie mam wstawić <b> ?

Z góry dzięki

Wicepsik

21.07.2010, 09:53:17

[HTML] pobierz, plaintext 
<div id="zegar" style="font-weight: bold;"></div>
[HTML] pobierz, plaintext

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.