Odliczanie czasu Opcje

[Mati-21]

Witam

Mam skrypt JS, który odlicza mi 1h.

[PHP] pobierz, plaintext 
$time = time();
$countdown = $time + 3600;
 
echo '<strong id="countdown_1"></strong>';
 
echo '
	<script type="text/javascript">
	function countdown(targetDate, displayElement, onCountdownFinish) {
	  if (!(targetDate && displayElement)) {
		return;
	  }
	  var formatTimeInterval = function(seconds) {
		var hrs = Math.floor(seconds / 3600)
		var min = Math.floor(seconds / 60) % 60;
		var sec = seconds % 60;
		return (hrs + ":" + min + ":" + sec).replace(/(^|:)(\d)(?=:|$)/g, "$10$2");
	  };
	  var refreshTimer = function() {
		var now = new Date();
		var diffMilliseconds = targetDate.getTime()  - now.getTime();
		var diffSeconds = Math.round(diffMilliseconds / 1000);
		if (diffSeconds < 0) {
		  diffSeconds = 0;
		}
		var countdownHTML = formatTimeInterval(diffSeconds)
		if (countdownHTML != displayElement.innerHTML) {
		  displayElement.innerHTML = countdownHTML;
		}
		if (diffSeconds === 0) {
		  clearInterval(intervalId);
		  if (typeof onCountdownFinish === "function") {
			onCountdownFinish(targetDate);
		  }
		}
	  };
	  var intervalId = setInterval(refreshTimer, 250);
	  refreshTimer();
	}
 
	(function() {
	  var now = new Date();
			countdown(new Date(' . ($countdown) * 1000 . '), document.getElementById("countdown_1"));
	})();
	</script>';
[PHP] pobierz, plaintext 

Problem polega na tym, że nie zaczyna liczyć o 01:00:00.
Początkowo odliczał o 01:02:38 teraz od 01:03:51.
W ogóle nie znam się na pisaniu w JS dlatego zwracam się do Was czy możecie mi powiedzieć co jest źle w kodzie, że tak się dzieje?

[Kshyhoo]

Coś masz skopane u siebie, bo u mnie działa dobrze. Może gryzie się z innymi skryptami JS.

[Mati-21]

Na podstronie mam tylko ten kod i nadal odlicza od 01:03:52. Czy może to być wina serwera?

Edit: Przed chwilą sprawdziłem kod na localhost-cie i tutaj działa prawidłowo :-/

Ten post edytował Mati-21 30.03.2012, 12:03:16

[Kshyhoo]

Na podstronie mam tylko ten kod i nadal odlicza od 01:03:52. Czy może to być wina serwera?

Najwidoczniej, nie możemy tego potwierdzić, bo nie wiemy, gdzie masz serwer. Sprawdź, czy nie gryzie się z innym kodem.

[Mati-21]

Zrobiłem test kodu na 5 serwerach.

localhost (WebSerwer) - odlicza prawidłowo

cal.pl (serwer główny) - 01:03:53

cba.pl - 01:01:03
webserwer.pl - 01:01:05
prv.pl - 01:01:03

Na podstronie jest tylko kod podany w 1 poście.

[Kshyhoo]

Może dodaje jeszcze różnicę między czasem Twojego localhosta a serwera zewnętrznego

[Mati-21]

No właśnie też o tym pomyślałem ale początkowo na moim serwerze różnica czasu wynosiła 2:38 a teraz jest 3:51. Sprawdzałem to również na innym komputerze to ten czasy był jeszcze inny. Jakby był stały to wystarczyła by prosta korekta po przez odejmowanie nadmiarowego czasu.

Edit: A może problem polega na tym, że obiekt date() pobiera date jaka jest ustawiona w systemie a nie czas jaki jest na serwerze?

Edit 2: Problem rozwiązany :-D

Oto kod poprawionego skryptu jakby ktoś inny potrzebował:

[PHP] pobierz, plaintext 
$time = time();
$countdown = $time + 3600;
 
echo '<strong id="countdown_1"></strong>';
 
echo '
	<script type="text/javascript">
	var roz = new Date().getTime()-(' . date('U') * 1000 . ');
	function countdown(targetDate, displayElement, onCountdownFinish) {
	  if (!(targetDate && displayElement)) {
		return;
	  }
	  var formatTimeInterval = function(seconds) {
		var hrs = Math.floor(seconds / 3600)
		var min = Math.floor(seconds / 60) % 60;
		var sec = seconds % 60;
		return (hrs + ":" + min + ":" + sec).replace(/(^|:)(\d)(?=:|$)/g, "$10$2");
	  };
	  var refreshTimer = function() {
		var now = new Date();
		now.setTime(now.getTime()-roz);
		var diffMilliseconds = targetDate.getTime()  - now.getTime();
		var diffSeconds = Math.round(diffMilliseconds / 1000);
		if (diffSeconds < 0) {
		  diffSeconds = 0;
		}
		var countdownHTML = formatTimeInterval(diffSeconds)
		if (countdownHTML != displayElement.innerHTML) {
		  displayElement.innerHTML = countdownHTML;
		}
		if (diffSeconds === 0) {
		  clearInterval(intervalId);
		  if (typeof onCountdownFinish === "function") {
			onCountdownFinish(targetDate);
		  }
		}
	  };
	  var intervalId = setInterval(refreshTimer, 250);
	  refreshTimer();
	}
 
	(function() {
	  var now = new Date();
          now.setTime(now.getTime()-roz);
 
			countdown(new Date(' . ($countdown) * 1000 . '), document.getElementById("countdown_1"));
	})();
	</script>';
[PHP] pobierz, plaintext 

Ten post edytował Mati-21 30.03.2012, 13:26:42