[HaBo]

Dawen · 04.10.10, 00:58

Hallo !

Ich versuche einen vernünftigen Countdown zu realisieren in JQuery.

Folgendes Prinzip. In einer Datenbank habe ich zwei Timestamp

t_start
t_end

Wenn ich einen neuen Datensatz eintrage, ist t_start CURRENT_TIMESTAMP() und t_end CURRENT_TIMESTAMP() + INTERVAL 1 MINUTE.

Klappe alles wunder.

Über eine Funktion und JSON hole ich mir die Daten als unix_timestamp().

Code:

$.post("timer",function(data){
  my_ function(data['start'],data['end']);
}
function my_ function(t_start,t_end){
  d_start = new Date(t_start * 1000);
  d_end   = new Date(t_end   * 1000);

 $('#cnt_id').countdown( 
  { 
         since       : d_start, 
         until        : d_end,
         compact  : true,
         layout     : '{hnn}{sep}{mnn}{sep}{snn}',  
         onExpiry  : final 
  });

Der Countdown wird angezeigt, aber nicht von 01:00 sondern 00:22 ! Ich weiß nicht wieso. In der DB stehen die beiden Timestamps korrekt. Lasse ich mir diese per alert(d_start.toString()) anzeigen, passt es auch. Gibt es eine Möglichkeit einen Timer in JS zu erstellen, der sekundengenau geht ?

**Mackz** · 04.10.10, 12:22

Ich würde einfach ein fertiges jQuery Countdown Plugin verwenden. Wozu das Rad neu erfinden.
http://plugins.jquery.com/search/node/countdown
http://keith-wood.name/countdown.html scheint ja z.B. zu funktionieren.

Anzeige

- Anzeige -

Dawen · 04.10.10, 18:34

Hi !

Ich benutze dieses : http://keith-wood.name/countdown.html ! Jedoch ist es ungenau ! Ich bekomme keinen Countdown von 01:00 bis 00:00 sondern von 00:22 bis 00:00 !

Anzeige

- Anzeige -

04.10.10, 00:58	#1 (permalink)
Dawen Registriert seit: 19.08.04 Likes: 1	JQuery Countdown Anzeige Hallo ! Ich versuche einen vernünftigen Countdown zu realisieren in JQuery. Folgendes Prinzip. In einer Datenbank habe ich zwei Timestamp t_start t_end Wenn ich einen neuen Datensatz eintrage, ist t_start CURRENT_TIMESTAMP() und t_end CURRENT_TIMESTAMP() + INTERVAL 1 MINUTE. Klappe alles wunder. Über eine Funktion und JSON hole ich mir die Daten als unix_timestamp(). Code: $.post("timer",function(data){ my_ function(data['start'],data['end']); } function my_ function(t_start,t_end){ d_start = new Date(t_start * 1000); d_end = new Date(t_end * 1000); $('#cnt_id').countdown( { since : d_start, until : d_end, compact : true, layout : '{hnn}{sep}{mnn}{sep}{snn}', onExpiry : final }); Der Countdown wird angezeigt, aber nicht von 01:00 sondern 00:22 ! Ich weiß nicht wieso. In der DB stehen die beiden Timestamps korrekt. Lasse ich mir diese per alert(d_start.toString()) anzeigen, passt es auch. Gibt es eine Möglichkeit einen Timer in JS zu erstellen, der sekundengenau geht ?

04.10.10, 12:22	#2 (permalink)
Mackz Administrator Registriert seit: 02.10.01 Likes: 30	Ich würde einfach ein fertiges jQuery Countdown Plugin verwenden. Wozu das Rad neu erfinden. http://plugins.jquery.com/search/node/countdown http://keith-wood.name/countdown.html scheint ja z.B. zu funktionieren. __________________ RL sux big time... auch 2012! Deleting pr0n is like killing your best friend [HaBo] bei Facebook - Werde Fan

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

04.10.10, 18:34	#3 (permalink)
Dawen Themenstarter Registriert seit: 19.08.04 Likes: 1	Hi ! Ich benutze dieses : http://keith-wood.name/countdown.html ! Jedoch ist es ungenau ! Ich bekomme keinen Countdown von 01:00 bis 00:00 sondern von 00:22 bis 00:00 !

[HaBo]

JQuery Countdown