Sekunden hochzählen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas
ultimate-bravery

ultimate-bravery hat kostenlosen Webspace.

18:18, 20.1.2015
Hallo zusammen,

ich habe eine feste Sekundenanzahl gegeben, zum Beispiel 203 Sekunden. Wenn jemand die Seite aufruft sollen die Sekunden hochgezählt werden, solange er sich auf der Seite befindet. Und das im Minuten Format, also Minuten:Sekunden. Mehr muss nicht passieren.

Hat jemand ein passendes Script dafür?

Danke schonmal :)
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

20:27, 20.1.2015

Also, mal ganz ausführlich:

<!doctype html>
<html>
  <head>
    <title>Counter</title>
    <script>
      start=new Date().getTime()-203000;
      function updateCounter() {
        var dif=new Date().getTime()-start;
        setTimeout(updateCounter, 1000-(dif%1000));
        var sec=Math.floor(dif/1000);
        var min=Math.floor(sec/60);
        sec %= 60;
        if (sec<10) {
          sec="0"+sec;
        }
        document.getElementById("counter").innerHTML=min+":"+sec;
      }
    </script>
  </head>
  <body onload="updateCounter();">
    <p id="counter"></p>
  </body>
</html>

Wichtige Bestandteile:
- Das Script selbst
- Ein Element mit der Id "counter"
- der Aufruf von updateCounter() im onload Attribut von body

Zusätzliches Feature:
Sehr viele Zähler im Internet verschieben sich innerhalb einiger Minuten um mehrere Sekunden. Dieser Zähler korrigiert sich selbst immer wieder anhand der lokalen Systemzeit (ist damit aber auch davon abhängig)

Autor dieses Themas
ultimate-bravery

ultimate-bravery hat kostenlosen Webspace.

20:46, 20.1.2015
Vielen dank :) Funktioniert! :)
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city