Ergebnis 1 bis 4 von 4

Thema: Anhand von zwei Timestamps einen JS Counter ausgeben

  1. #1
    Großmeister(in) Avatar von MyXoToD
    Registriert seit
    07.11.2007
    Ort
    Mainz
    Alter
    24
    Beiträge
    507
    Danke
    0
    Bekam 1 mal "Danke" in 1 Posting

    Standard Anhand von zwei Timestamps einen JS Counter ausgeben

    Also ich bräuchte mal ein bisschen Hilfe für eine Counterfunktion, geschrieben mit Javascript.
    Ich habe bisher das ganze so durchdacht:
    Ich habe in einer Datenbank zwei spalten (start und ende).
    Bei start steht der Timestamp drin, der aktuell war als das Formular zum speichern abgeschickt wurde. Bei ende steht der Timestamp drin von der Zeit wann es aufhören soll (sagen wir ein Timestamp der 6 Stunden größer ist.)
    Nun möchte ich folgendes prüfen:
    Ich schaue ob der ende-timestamp kleiner als der start timestamp ist wenn ja dann führe ich etwas anderes aus. Wenn nein dann soll ein Counter ausgegeben werden der runterzählt von jetzt bis zum timestamp der in der datenbank steht. Das müsste ich auch hinbekommen... Allerdings hab ich keine Ahnung wie ich so einen Counter bauen soll und wie ich diesem Script dann die zu verwendenden Daten geben soll.

    Kann mir jemand zeigen wie sowas geht?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Don't follow me, I run into walls.

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Anhand von zwei Timestamps einen JS Counter ausgeben

    http://dodo.bplaced.net/
    Hier habe ich einen Counter gebastelt, der die uhrzeit hinaufzählt
    Das kannst du ga z einfach so umbauen, dass er herunterzählt.

    Erklärung:

    <script type="text/javascript" src="../js/serverTime.php?show=home"></script>
    Hier werden die wichtigen Variablen vom Server per date() ausgelesen und an JavaScript übergeben.

    <script type="text/javascript" src="../js/scripts.js"></script>

    Hier gibt es 2 wichtige Funktionen:

    function onloadFunction()
    Hier wird das Intervall gestartet, das den Timer jede Sekunde startet.

    function serverzeit()
    Dies ist der Timer, der zuerst zählt und anschließend die Anzeige updated.

    Ein Beispiel siehst du in meiner Seite im Footer
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    Großmeister(in)
    Themenstarter
    Avatar von MyXoToD
    Registriert seit
    07.11.2007
    Ort
    Mainz
    Alter
    24
    Beiträge
    507
    Danke
    0
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Anhand von zwei Timestamps einen JS Counter ausgeben

    Hi ich melde mich zu diesen Thema nochmal zurück... Leider bin ich bei meinem Problem nicht wirklich weiter gekommen und brauch es aber jetzt bald...

    Bisher sieht das ganze so aus, ich hab den aktuellen Timestamp in MS und den Timestamp der Endzeit in MS.

    Code:
    function counter(ende) {
        var jetzt = new Date();
        jetzt = jetzt.getTime();
        var ende = ende; //Ende des Counters als Timestamp in Sekunden
        ende = ende * 1000; //Ende des Counters als Timestamp in Millisekunden
    }
    Jetzt komm ich nicht weiter... Ich will die Differenz im folgenden Format ausgeben "Stunden:Minuten:Sekunden" wie ich das jetzt ausrechne mit Javascript weiß ich leider nicht. Da bräuchte ich mal jemand der mir zeigt wie man sowas macht.
    Was ich weiß ist, das man am Ende noch einen Timeout von 1000 MS machen muss und dann die Funktion erneut aufrufen muss, ist das richtig?

    Hoffe jemand kann mir erklären wie das genau funktioniert.
    Don't follow me, I run into walls.

  4. #4
    Großmeister(in)
    Themenstarter
    Avatar von MyXoToD
    Registriert seit
    07.11.2007
    Ort
    Mainz
    Alter
    24
    Beiträge
    507
    Danke
    0
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Anhand von zwei Timestamps einen JS Counter ausgeben

    So das Problem wäre somit gelöst. Ich stelle euch nun den Code zur Verfügung.

    functions.js
    Code:
    function counter(ende) {
        var jetzt = new Date();
        jetzt = jetzt.getTime(); //Aktueller Timestamp in Millisekunden
        var ende = ende; //Ende des Counters als Timestamp in Sekunden
        ende = ende * 1000; //Ende des Counters als Timestamp in Millisekunden
        var restzeit = ende - jetzt; //Restzeit als Timestamp in Millisekunden
        //restzeit = restzeit.setTime(restzeit);
        var sekunden = restzeit / 1000;
        sekunden = parseInt(sekunden);
        var minuten = sekunden / 60;
        minuten = parseInt(minuten);
        sekunden = sekunden - (minuten * 60);
        var stunden = minuten / 60;
        stunden = parseInt(stunden);
        minuten = minuten - (stunden * 60);
        
        if(sekunden < 10) sekunden = "0"+sekunden;
        if(minuten < 10) minuten = "0"+minuten;
        if(stunden < 10) stunden = "0"+stunden;
        
        document.getElementById('counter').innerHTML = " ("+stunden+":"+minuten+":"+sekunden+")";
        ende = ende / 1000;
        window.setTimeout("counter("+ende+")", 1000);
    }
    Aufruf in einer Datei:
    PHP-Code:
    echo "<span id='counter'></span>
    <script type='text/javascript'>counter("
    .$ende.");</script>"
    Die Variable Ende wird als Timestamp in SEKUNDEN übergeben!
    Don't follow me, I run into walls.

Ähnliche Themen

  1. 2 werte aus Tabelle vergleichen und einen 3. ausgeben
    Von Launebaer1981 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 11
    Letzter Beitrag: 11.02.2009, 23:26
  2. Ist es möglich einen Counter im .gif-Format zu bekommen?
    Von Laie im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 3
    Letzter Beitrag: 21.04.2007, 18:19
  3. Tage zwischen zwei Daten ausgeben
    Von Knüps im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 16
    Letzter Beitrag: 15.01.2006, 22:26
  4. timestamps
    Von Rocco im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 07.05.2005, 10:46
  5. timestamps auslesen und vergleichen
    Von atlantis im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 17.01.2005, 11:43

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •