[Erledigt] counter hochzählen jquery

Thorus · 27.07.2011, 11:14

Hi,

Ich möchte einen Counter bauen der jede Sekunde um eins hochzählt, um eine Zeit darzustellen ausgehend von einer Vorgegebenen Zeitangabe (bspw. 82h:43m:15s)

Allerdings bekomme ich das nicht hin...

Hier mein Code:

PHP-Code:

  $(document).ready(function(){
    if($('#active_counter_up').length){
        $('#active_counter_up').queue(function(next){
            seconds += 1;
            if (seconds == 60){
                minutes += 1;
                seconds = 0;
            }
            if (minutes == 60){
                hours += 1;
                minutes = 0;
            }
            $('#active_counter_up').delay(1000).html('seit ' + hours + 'h:' + minutes + 'm:' + seconds + 's &uuml;berf&auml;llig!');
            next();
        });
    }
});

Allerdings zaehlt er nur einmal hoch, danach ist ende, obwohl laut jquery doku er durch das next() die schlange immer wieder durchlaufen sollte...

Setze ich eine Schleife drum rum wartet er nicht auf die queue und es wird alles ganz schnell durchlaufen...

Wie bekomme ich das hin?

Danke
Thorus

nikosch · 28.07.2011, 02:50

Zitat:

obwohl laut jquery doku er durch das next() die schlange immer wieder durchlaufen sollte...

Sorry, aber ein Grundstock an Javascriptwissen sollte schon vorhanden sein, wenn man dort programmiert. Next bezieht sich auf den DOM Baum und Schlagen gibt es im Wald. Vermutlich meintest DU Schleifen, die auch ungeeignet für die Sachlage sind. Guck mal bei Selfhtml vorbei, die haben da sicher einen Counter. Gemacht wird sowas fürgemein mit Timeout.

Thorus · 28.07.2011, 08:11

Zitat:

Zitat von nikosch

Sorry, aber ein Grundstock an Javascriptwissen sollte schon vorhanden sein, wenn man dort programmiert. Next bezieht sich auf den DOM Baum und Schlagen gibt es im Wald. Vermutlich meintest DU Schleifen, die auch ungeeignet für die Sachlage sind. Guck mal bei Selfhtml vorbei, die haben da sicher einen Counter. Gemacht wird sowas fürgemein mit Timeout.

Ok sry, ich hab mich da wohl etwas unverstaendlich ausgedrueckt, durch next() sollte die funktion nochmal durchlaufen werden weil ich ihr oben ( function(next) ) diesen Namen gegeben habe, und diese Vorgehensweise hatte ich aus einem Beispiele auf jquery.com....

Habs jetzt hinbekommen, hatte nur die falsche Funktion setInterval (beim ersten Mal hatte ich es mit setTimeout probiert bevor ich das Konstrukt einem Beispiel entnahm) waere das was ich gebraucht haette...

PHP-Code:

      if($('#active_counter_up').length){

        function countUp() {

            seconds += 1;

            if (seconds == 60){

                minutes += 1;

                seconds = 0;

            }

            if (minutes == 60){

                hours += 1;

                minutes = 0;

            }

            $('#active_counter_up').html('seit ' + hours + 'h:' + minutes + 'm:' + seconds + 's &uuml;berf&auml;llig!');

        }

            

        window.setInterval(

            function() {

              countUp();

            },

            1000 

        );

    }

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Einsatz von Milestones (jQuery)	dreamcatcher	JavaScript, Ajax und mehr	4	28.06.2011 12:07
PHP und jquery	mehlwurm	PHP Einsteiger	13	30.05.2011 23:09
[Erledigt] Wert eines Datensatz bei Abruf um eins hochzählen (Counter)	ceegee	Datenbanken	10	13.08.2010 13:49
[Erledigt] jQuery Slider - In eine Richtung sperren	Trainmaster	JavaScript, Ajax und mehr	2	08.08.2010 16:06
Suche jQuery Counter	defcut	JavaScript, Ajax und mehr	7	06.08.2010 08:24
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
eingefügter Javascript Counter	alex9787	PHP Tipps 2010	7	20.07.2010 11:38
Scriptsuche PHP Counter	p4n!kK	Scriptbörse	7	18.12.2009 18:55
Scriptangebot 1 Klick Counter Hosting Script	Charbel	Scriptbörse	0	23.06.2009 07:43
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
[Erledigt] Searchstring speichern mit counter	gene	PHP Tipps 2008	22	29.08.2008 12:53
ein counter - und berechnungen	netti	PHP Tipps 2005-2	11	24.10.2005 21:03
Counter funktioniert, aber trotzdem wird Fehler gezeigt ...		PHP Tipps 2005	4	07.03.2005 17:56
Counter für registrierte user		PHP Tipps 2004-2	3	26.12.2004 11:32
Problem mit einem Counter	JeeZ	PHP Tipps 2004	6	18.06.2004 13:36

27.07.2011, 11:14
Thorus Erfahrener Benutzer Registriert seit: 04.05.2010 Beiträge: 152 PHP-Kenntnisse: Anfänger	[Erledigt] counter hochzählen jquery Hi, Ich möchte einen Counter bauen der jede Sekunde um eins hochzählt, um eine Zeit darzustellen ausgehend von einer Vorgegebenen Zeitangabe (bspw. 82h:43m:15s) Allerdings bekomme ich das nicht hin... Hier mein Code: PHP-Code: $(document).ready(function(){ if($('#active_counter_up').length){ $('#active_counter_up').queue(function(next){ seconds += 1; if (seconds == 60){ minutes += 1; seconds = 0; } if (minutes == 60){ hours += 1; minutes = 0; } $('#active_counter_up').delay(1000).html('seit ' + hours + 'h:' + minutes + 'm:' + seconds + 's überfällig!'); next(); }); } }); Allerdings zaehlt er nur einmal hoch, danach ist ende, obwohl laut jquery doku er durch das next() die schlange immer wieder durchlaufen sollte... Setze ich eine Schleife drum rum wartet er nicht auf die queue und es wird alles ganz schnell durchlaufen... Wie bekomme ich das hin? Danke Thorus __________________ http://rottmann-moebel.de/ Geändert von Thorus (27.07.2011 um 11:29 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten