Countdown

[Griefshire]

Moin zusammen.

Ich wollt einmal nachfragen ob hier jemand ein deutsches Tutorial kennt, das erklärt wie man einen Countdown in Javascript realisiert, der die verbleibende Zeit (sprich ohne die Seite neu zu laden) anzeigt. Dabei soll die Zeit aus einer Datenbank geladen werden ( am besten mit php ), nun aber das wichtigste. Die Zeit die geladen werden soll, soll nicht vom Computer des Besuchers
stammen, sondern vom Host-Computer, also da wo das Script gespeichert ist. Dadurch möcht ich dann verhindern, das der Besucher den Countdown umgehen kann, indem er seine Uhrzeit am PC einfach vorstellt.

Hoffe ihr versteht was ich suche

schonmal danke im vorraus.

[Pelix]

Google zu benutzen scheint wohl in jedem Forum sehr kompliziert zu sein...

http://www.kostenlose-javascripts.de/ja ... s/zaehler/
Denke da wirst du finden was du suchst...

Gruß Pelix

[Griefshire]

Google zu benutzen scheint wohl in jedem Forum sehr kompliziert zu sein...

http://www.kostenlose-javascripts.de/ja ... s/zaehler/
Denke da wirst du finden was du suchst...

Aber als kleine Anmerkung: Einen Countdown mit Java liest man eigentlich nicht
über eine Datenbank aus. Es reicht wenn du das Datum / die Uhrzeit in das Javascript
selbst einträgst.

Gruß Pelix

Als ob ich da nicht selbst drauf gekommen wäre, nur google hat nicht das richtige ausgespukt.
Es ist halt so, ich arbeite grad an nem Spiel, und da soll der Spieler halt "unterwegs" sein, die Zeit wann er gestartet ist, will
ich dann in der datenbank speichern, ebenso die Zeit wann er wieder "zuhause" ist. und dem Spieler soll dann angezeigt werden
wielange er noch unterwegs ist, und das möcht ich halt gern als Echtzeit-Timer anzeigen lassen, der PHP Teil ist machbar
nur hab ich kein Plan von Javascript >,<

[Guillermo]

Hey Griefshire,

wichtig ist dass du verstehst, dass Javascript in deinem Beispiel nur fuer die Anzeige der Zeit dienen kann, nicht aber fuer dessen Verwaltung!
D.h. du speicherst - wie du schon sagtest - die Zeit (z.B. in Sekunden) in deiner Datenbank ab. Dann liest du die Zeit einfach aus und uebergibst sie deiner Javascript Funktion, die dann den Echtzeitcountdownanzeige uebernimmt. Fuer den Benutzer gibt es also keine Moeglichkeit die Funktionalitaet zu veraendern.
Das ganze koennte in etwa so aussehen

Code: Alles auswählen

    function countdown(id, seconds) {
        //Timer, in etwa so :
        //Sekunden noch entsprechend formatieren, in Stunden Minuten und Tage
        document.getElementById(id).innerHTML = seconds;
        if(seconds > 0) {
            setTimeout("countdown('"+id+"', '"+seconds-1+"');", 1000);
        }
    }


Code: Alles auswählen

<?php
    $countDownEnde = ... // Aus DB auslesen
    $aktuelleZeit = time();
    $sekunden = $countDownEnde - $aktuelleZeit; //Aus Datenbank auslesen

    if($sekunden <= 0) {
        //Die Truppen sind wieder zuhause angekommen, tue hier was du fuer richtig haeltst :D
    } else {
        echo "<script type='text/javascript'>";
        echo "countdown('dieIdDesCountdowns', 3200);"
        echo "</script>";
    }
?>


Viele Gruesse,
Guillermo