Witam.

Mam pewien problem z 'countdownem' w jQuery. Biję się z tym już 2 dni, nie mogę wspaść na żaden dobry pomysł.

Dlatego piszę ten post - proszę Was, o pomoc:

Chodzi o to, że mam skrypt, który odlicza 60 sekund i wywołuje akcję. Problem w tym, iż muszę zapamiętać wartość sekundy przy jakiej użytkownik odświeżył stronę - czyli, jeśli pozostało 50 sekund, a użytkownik odświeżył stronę, to liczenie ma się odbywać tak jakby w 'tle' aby po ponownym załadowaniu strony (które trwało np. 3 sekundy) odliczanie zaczęło się od 47 sekund a nie od początku.

Mam nadzieję, że zrozumieliście. Liczę na Waszą pomoc.

Pozdrawiam Serdecznie,
Jerzy z Kołobrzegu.

Zapamiętaj w cookies datę rozpoczęcia odliczania w formacie timestamp.

W cookies chyba będzie trochę nie bezpiecznie, bo tu chodzi o dodawanie "życia" w grze co 2 minuty.

Doszedłem do takiego efektu końcowego:

[PHP] pobierz, plaintext 
					function startBarTimer() {
						$('#BarTimer').each(function(){ 
							$(this).countdown('destroy');
							var self = this;
							var id = $(this).attr('id');
							var interval = $(this).attr('interval');
							var total = parseInt( $(this).attr('total') );
							var current = parseInt( $(this).attr('current') );
							var statName = $(this).attr('statName');
							var offset = parseInt( $(this).attr('offset') );
							var inc =  parseInt( $(this).attr('inc') );
 
							$("#"+statName+"MaxValue").text(total);
							if( current < total ) {
								var options = {
									until: '+'+(interval - offset), 
									format: 'MS', 
									compact: true,                
									onExpiry: function(){
										var current = parseInt( $('#BarTimer').attr('current') );
										current = current + inc;
										if (current > total) {
											current = total;
										}
										$('#BarTimer').attr('current', current);
										$("#"+statName+"CurrentValue").text(current);
										$("#"+statName+"MaxValue").text(total);
										if( current < total ){
											$(self).countdown('change' ,{until: "+"+interval}).css("color", "pink");
											$("#"+statName+"CurrentValue2").text("Refill?");
										}
										else
										{
											$("#"+statName+"CurrentValue2").text("");
											$(self).html( "" );
										}
									}
								};
								$(this).countdown( options ).css("color", "pink");
							}
							else
							{
								$("#"+statName+"CurrentValue2").text("");
							}
						});
					};
[PHP] pobierz, plaintext 

Jak widać, teraz jedynie pozostało by "jakims cudem" zmieniać zmienną offset (w sekundach). Zdaję się tutaj na Wasze umiejętności.

Pozdrawiam.

Pomoże ktos?...

Ja to rozwiązałem za pomocą PHP; W PHP w sesji ustaw sobie czas załadowania strony, i generując javascript przypisz sobie ten czas do jakiejś zmiennej w javascripcie. Dodatkowo użytkownik u mnie musi być zalogowany aby dostać javascript.

No u mnie też musi być zalogowany.

Popróbuję jeszcze, dam znać jak mi poszło .

Pozdrawiam.

Niestety nic z tego.

Jak widzisz, u mnie trzeba zmieniać offset (w sekundach), nie opiera się to na time().

Mało coś tu ludzi

Daj znać serwerowi przez AJAX, że zaczynasz odliczanie, potem - przy odświeżeniu - możesz wczytać wartość startową z serwera.

Mówisz o sesjach? W AJAX dodawać w sesji date rozpoczęcia odliczania, a przy odświeżaniu czytanie tego z sesji?
I co mi z tego? Jeśli ja potrzebuję zmieniać offset.

Może jeszcze raz wyjaśnię:

W funkcji, którą podałem wczesniej (jQuery) kluczowe są te zmienne:

var interval = $(this).attr('interval');
var offset = parseInt( $(this).attr('offset') );

Interval, odpowiada za to, ile sekund ma odliczać,
offset, za to, ILE JUŻ ODLICZYŁO (interval), a jeśli odliczyło całość (60 sekund) to zaczyna od nowa. I tu własnie leży mój problem.

Generalnie chodzi o to, aby dodawać komuś HP (punkt życia) co 1 minute, a jeśli nie loguje się przez czas, który zajęło by całe odnawianie HP do pełna, to dostaje automatycznie całość HP.