javascript timer zurück

Vigintillionär · 30.04.2006, 01:34

Hallo,

mit obigen Suchbegriffen gibt's derzeit genau 1 Treffer; leider nicht zur Lösung des Problems, das sich wie folgt darstellt:

Auf einer Seite wird mit Hilfe eines JavaScript-Timers die Zeit heruntergezählt. Wird diese Seite später wieder aufgerufen, dann erhält der Timer erneut den zuletzt angezeigten Wert und zählt von dort weiter runter. Ich vermute, dass es irgendwie ein Caching-Problem ist, wodurch die Seite nicht neu geladen wird.

Lässt sich ein solches Neuladen erzwingen?

Problem 2:
Der JavaScript-Timer geht deutlich langsamer als die Systemzeit (in 4 Minuten ca. 10 Sekunden). Woran liegt das, und was muss man tun, um den JavaScript-Timer mit der Systemzeit zu synchronisieren?

Danke im Voraus!

30.04.2006, 10:32

Tja, was hat das alles mit PHP zu tun???

Und wieso bekomme ich 21 Treffer, wenn ich in der Suchfunktion javascript and timer eingebe?

Gruß
phpfan

30.04.2006, 11:02

Das liegt ganz einfach daran das man bei setTimeout einstellt warte 1000
milli sekunden, also 1 Sekunde. Dann geht er hoch , aber das
aktualisieren dauert einen bruchteil einer 1 Sekunde , dieses summiert sich dann im Laufe der Zeit ganz einfach.

Zu ersterem , ein neuladen einer funktion kann sich mit setTimeout erzwingen.Und zwar ist das alles JavaScript.

Ich habe da mal was vorbereitet wie mein Timer aussieht. Zugegeben der
return Wert der Funktion ist ein wenig arg, sollte ich dann bei Gelegenheit
noch einmal auslagern in eine JS Datei.

PHP-Code:

  <?php

// timer tests

function Timer($seconds)

    {

    return '

            <script type="text/javascript" language="JavaScript">

                    

            var seconds;

            var minutes;

            var hours;

            var days;

                    

           setSeconds('.$seconds.');

                    

           function setSeconds(seconds)

               {

               this.seconds = seconds

               if(this.seconds > 0)

                   {

                    timer();

                   }else

                   {

                       var TimerElement = document.getElementById("TIMER");

                       TextNode         = "die Zeit ist abgelaufen";

                       var TextNode     = document.createTextNode(TextNode);

                       TimerElement.appendChild(TextNode);

                    }

               }

                            

          function init()

              {

            this.seconds -= 1;

            if(this.seconds >= 0)

                timer();

            else 

                machwas();

              }

                    

        function timer()

            {

            second = this.seconds%60;

            minute = Math.floor(this.seconds/60)%60;

            hour   = Math.floor(this.seconds/(60*60))%24;

            day    = Math.floor(this.seconds/(60*60*24));

                            

            drawTime(day,hour,minute,second);

            }

                        

        function drawTime(d,h,m,s)

            {

                var TimerElement = document.getElementById("TIMER");

                            

                if(TimerElement.firstChild)

                TimerElement.removeChild(TimerElement.firstChild);

 
                //Ausgabe formatieren

                if(d < 10)

                     d = "0"+d;

                        

                if (h < 10)

                     h = "0"+h;

                                                                    

                if (m < 10)

                    m = "0"+m;

                                    

                if (s < 10)

                    s = "0"+s;

                            

                TimerText = d+":"+h+":"+m+":"+s;

                var Text = document.createTextNode(TimerText);

                TimerElement.appendChild(Text);

                            

                setTimeout("init()",1000);

            }

                        

        function machwas()

            {

            setSeconds(0);

            }

            

    </script>';

    }

 
//aufruf mittels 

Timer(1561564);

//oder mit 

$seconds = mktime(16,0,0,7,21,2006)-time();

Timer($seconds);

?>

Alles was Du nun noch benötigst wäre eine kleine HTML Datei , wo
irgendwo ein Element wie <span> oder

oder was weiss ich die ID
TIMER hat.
Das wäre alles , und wie man sehen kann 2 % PHP und 98% JavaScript,
wobei ich sagen will das ich in JS nicht wirklich gut bin , von daher kann
dieses ein wenig wirr erscheinen.

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
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
JavaScript: Countdown-Timer	Zergling-new	Tutorials	0	06.01.2008 17:34
Unsichtbares Formularfeld mit Javascript ansprechen	mAy^daY	HTML, Usability und Barrierefreiheit	6	13.08.2006 21:25
PHP + Javascript + MYSQL	socke	PHP Tipps 2006	4	02.04.2006 22:02
Variable wird geändert bei Übergabe an Javascript		PHP Tipps 2007	4	17.12.2005 16:53
[Erledigt] Javascript Aufklappen/Zuklappen		HTML, Usability und Barrierefreiheit	5	13.12.2005 14:06
Javascript durch PHP ausdrücken		PHP Tipps 2007	10	09.11.2005 20:04
2 javascript fragen	Rotti	HTML, Usability und Barrierefreiheit	4	03.08.2005 11:40
[Erledigt] JavaScript & PHP (Bilderupload)		PHP-Fortgeschrittene	5	11.07.2005 17:08
Php soll Javascript beschleunigen		PHP Tipps 2005	4	17.04.2005 12:56
Timer und sleep()?!?!?		PHP-Fortgeschrittene	0	15.12.2004 22:58
Formulare mit arrays mit php und gleichzeitig mit JavaScript		PHP-Fortgeschrittene	2	14.10.2004 15:33
JavaScript in JavaScript geschriebene Html-Datei einbinden.	woods	HTML, Usability und Barrierefreiheit	6	06.09.2004 18:33
Javascript		HTML, Usability und Barrierefreiheit	5	31.08.2004 18:30
php + Javascript, Variablenübergabe		PHP Tipps 2004	14	28.07.2004 15:42

30.04.2006, 01:34
Vigintillionär Neuer Benutzer Registriert seit: 22.02.2006 Beiträge: 6	javascript timer zurück Hallo, mit obigen Suchbegriffen gibt's derzeit genau 1 Treffer; leider nicht zur Lösung des Problems, das sich wie folgt darstellt: Auf einer Seite wird mit Hilfe eines JavaScript-Timers die Zeit heruntergezählt. Wird diese Seite später wieder aufgerufen, dann erhält der Timer erneut den zuletzt angezeigten Wert und zählt von dort weiter runter. Ich vermute, dass es irgendwie ein Caching-Problem ist, wodurch die Seite nicht neu geladen wird. Lässt sich ein solches Neuladen erzwingen? Problem 2: Der JavaScript-Timer geht deutlich langsamer als die Systemzeit (in 4 Minuten ca. 10 Sekunden). Woran liegt das, und was muss man tun, um den JavaScript-Timer mit der Systemzeit zu synchronisieren? Danke im Voraus!


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

30.04.2006, 10:32
Gast Beiträge: n/a	Tja, was hat das alles mit PHP zu tun??? Und wieso bekomme ich 21 Treffer, wenn ich in der Suchfunktion javascript and timer eingebe? Gruß phpfan

30.04.2006, 11:02
Gast Beiträge: n/a	Das liegt ganz einfach daran das man bei setTimeout einstellt warte 1000 milli sekunden, also 1 Sekunde. Dann geht er hoch , aber das aktualisieren dauert einen bruchteil einer 1 Sekunde , dieses summiert sich dann im Laufe der Zeit ganz einfach. Zu ersterem , ein neuladen einer funktion kann sich mit setTimeout erzwingen.Und zwar ist das alles JavaScript. Ich habe da mal was vorbereitet wie mein Timer aussieht. Zugegeben der return Wert der Funktion ist ein wenig arg, sollte ich dann bei Gelegenheit noch einmal auslagern in eine JS Datei. PHP-Code: <?php // timer tests function Timer($seconds) { return ' <script type="text/javascript" language="JavaScript"> var seconds; var minutes; var hours; var days; setSeconds('.$seconds.'); function setSeconds(seconds) { this.seconds = seconds if(this.seconds > 0) { timer(); }else { var TimerElement = document.getElementById("TIMER"); TextNode = "die Zeit ist abgelaufen"; var TextNode = document.createTextNode(TextNode); TimerElement.appendChild(TextNode); } } function init() { this.seconds -= 1; if(this.seconds >= 0) timer(); else machwas(); } function timer() { second = this.seconds%60; minute = Math.floor(this.seconds/60)%60; hour = Math.floor(this.seconds/(6060))%24; day = Math.floor(this.seconds/(6060*24)); drawTime(day,hour,minute,second); } function drawTime(d,h,m,s) { var TimerElement = document.getElementById("TIMER"); if(TimerElement.firstChild) TimerElement.removeChild(TimerElement.firstChild); //Ausgabe formatieren if(d < 10) d = "0"+d; if (h < 10) h = "0"+h; if (m < 10) m = "0"+m; if (s < 10) s = "0"+s; TimerText = d+":"+h+":"+m+":"+s; var Text = document.createTextNode(TimerText); TimerElement.appendChild(Text); setTimeout("init()",1000); } function machwas() { setSeconds(0); } </script>'; } //aufruf mittels Timer(1561564); //oder mit $seconds = mktime(16,0,0,7,21,2006)-time(); Timer($seconds); ?> Alles was Du nun noch benötigst wäre eine kleine HTML Datei , wo irgendwo ein Element wie <span> oder oder was weiss ich die ID TIMER hat. Das wäre alles , und wie man sehen kann 2 % PHP und 98% JavaScript, wobei ich sagen will das ich in JS nicht wirklich gut bin , von daher kann dieses ein wenig wirr erscheinen.