Forum PHP.pl > Stoper.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Stoper.

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

fish2000

27.12.2009, 21:00:48

Witam, mam problem ze stoperem, ponieważ nie chodzi "jak w zegarku", różnica między nim a zegarkiem wynosi około 9s na 1 minutę. JS nie ogarniam, dopiero się uczę, i nie wiem czy są jakieś efektywniejsze metody, a może tylko ja coś schrzaniłem i nie działa.

[HTML] pobierz, plaintext 
<script type="text/javascript">
var min=0;
var sek=0;
var ms=0;
var ms2=0;
 
function stoper() {
	ms2++;
	if(ms2>=10){
		ms2=0;
		ms++;
		if(ms>=10){
			ms=0;
			sek++;
			if(sek>=60){
				sek=0;
				min++;
			}
		}
	}
	document.form.pole.value=min+":"+sek+"."+ms+ms2;
}
setInterval(stoper,10);
</script>
<form name="form">
<input type="text" name="pole" size="10">
</form>
 
[HTML] pobierz, plaintext

W każdym razie potrzebna mi jest dokładność do 0.01s.

erix

28.12.2009, 12:02:50

Cytat

różnica między nim a zegarkiem wynosi około 9s na 1 minutę

Którym zegarkiem? Systemowym?

fish2000

28.12.2009, 13:50:08

Cytat(erix @ 28.12.2009, 12:02:50 )

Którym zegarkiem? Systemowym?

Sprawdzałem w zegarku na stoperze. Nie wiem, może skrypt traci prędkość na instrukcjach warunkowych czy coś, dziwna sprawa ;/

erix

28.12.2009, 17:55:16

Na jakiej przeglądarce sprawdzasz?

Spróbuj najpierw na innej, potem ew. bez wyświetlania zawartości kroku.

fish2000

28.12.2009, 18:46:22

Cytat(erix @ 28.12.2009, 17:55:16 )

Na jakiej przeglądarce sprawdzasz?

Spróbuj najpierw na innej, potem ew. bez wyświetlania zawartości kroku.

Na każdej przeglądarce inna wartość, na operze ok 9s na chrome 5s na ff 20s.

Ale już sobie jako tako poradziłem, podzieliłem skrypt na 2 funkcję, jedna liczy ms a druga s i m, teraz na 2 minutach mam różnicę około 1s, więc da się przeżyć

erix

28.12.2009, 18:51:11

Bo wartość zależy od silnika przeglądarki.

Podejrzewam, że gdybyś nie wyświetlał wyniku odliczania na bieżąco, byłoby wtedy w miarę dokładnie.

zegarek84

28.12.2009, 19:37:13

Cytat(fish2000 @ 28.12.2009, 18:46:22 )

tak jak wspomniał Erix - lecz to wartość opóźnień związanych z szybkością liczenia, dlatego za każdym razem odwołuj się do uniwersalnego wzorca jakim jest zegarek systemowy

- tu masz rozwiązanie:

[HTML] pobierz, plaintext 
<HTML>
<HEAD>
</HEAD>
<BODY>
<form name="form">
<input type="text" name="pole" size="10">
</form>
<script>
var $timerID = null , $start = null, $pole=null;
function wyswietlCzas()
{
  var $czas = new Date((new Date()).getTime() - $start),
  $godziny = $czas.getUTCHours(),
  $minuty = $czas.getUTCMinutes(),
  $sekundy = $czas.getUTCSeconds(),
  $milisekundy = $czas.getUTCMilliseconds(),
  $czas = [$godziny, ':', ($minuty<10)?'0'.concat($minuty):$minuty, ':', ($sekundy<10)?'0'.concat($sekundy):$sekundy, '.',($milisekundy<100)?'0'.concat(($milisekundy<10)?'0'.concat($milisekundy):$milisekundy):$milisekundy].join('');
  $pole.value = $czas;
  $timerID = setTimeout(wyswietlCzas,10);
}
function(){
  $pole=document.form.pole;
  $start=(new Date()).getTime();
  wyswietlCzas();
}()
</script>
</BODY>
</HTML>
[HTML] pobierz, plaintext

a oprócz tego jeszcze link do podobnego tematu

- może Ci się przyda kiedyś też:

[Java][PHP]Zegarek

kefirek

28.12.2009, 19:40:10

[JAVASCRIPT] pobierz, plaintext 
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
 
var start = 0;
 
$(document).ready(function(){ 
stoper();
setInterval(stoper,1000);
}); 
 
function stoper()
{
godzin = Math.floor(start/3600);
minut = Math.floor(start/60)%60;
sekund = start%60;
$('#stoper').html('Godzin ' + godzin + ' Minut ' + minut + ' Sekund ' + sekund);
start++;
}
 
 
 
</script>
</head>
<body>
<div id="stoper">
 
</div>
 
</body>
</html>
[JAVASCRIPT] pobierz, plaintext

erix

28.12.2009, 20:24:24

~kefirek, czy Ty idąc do WC zamawiasz całą partię z fabryki papieru, czy idziesz tylko z rolką? Po kiego grzyba tu jQuery?

fish2000

28.12.2009, 20:47:31

zegarek84 dzięki za skrypt, działa idealnie

kefirek tam nie ma ms.

Dziękuję wszystkim za pomoc, można zamknąć.

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.