Ergebnis 1 bis 1 von 1

Thema: [JS] Counter mit Minuten...

  1. #1

    [JS] Counter mit Minuten...

    Ok für ein geplantes Browsergame (PHP), will ich diesmal ein paar Spielereien bekannt aus anderen Games reinabauen. Um genau zu sein wenn man arbeitet, diese Anzeige wie lang es noch dauert möchte ich gern per Javascript runterzählen, das man nicht dauernd Refreshen muss (außer JS ist deaktiviert). So hab ichs bisher:

    ($zeile[8] ist der Startpunkt der Arbeit(UNIX-TS) + 10 Minuten - Aktuelle Zeit(UNIX-TS) = Übrige Zeit)
    Code:
          <div id="count"><?php echo $zeile[8]+600-time(); ?></div>
          <script>
           var i = <?php echo $zeile[8]+600-time(); ?>;
           counti(); 
           
           function counti(){
            if(i>0){
             document.getElementById("count").innerHTML = "Du arbeitest noch " + i + ' Sekunden...';
             i = i - 1;
             setTimeout("counti()", 1000)
            } 
            else {
             document.getElementById("count").innerHTML = 'Fertig!'
            }
           }
          </script>
    Das funzt zwar toll, aber schön wäre wenn man es mit Minuten Anzeige machen könnte, weil wenn da steht man braucht noch 257 Sekunden muss man immer erst umrechnen... Allerdings kann ich sowas schon gleich gar nicht (ich kann grad ein mini-bisschen JS, wil ich mir mal Java angesehen hab). Wäre gut wenn mir da einer weiterhelfen könnte....

    edit:
    Ok, ich glaube so gehts:

    Code:
          <div id="count"><?php echo $zeile[8]+600-time(); ?></div>
          <script>
           var i = <?php echo $zeile[8]+600-time(); ?>;
           counti(); 
           
           function counti(){
            if(i>0){
             // Minuten
             minuten=Math.floor(i/(60));
    
             // Sekunden
             sekunden=Math.floor(i%60);
             
             document.getElementById("count").innerHTML = "Du arbeitest noch " + minuten + " Minuten und " + sekunden + ' Sekunden...';
             i = i - 1;
             setTimeout("counti()", 1000)
            } 
            else {
             document.getElementById("count").innerHTML = 'Fertig!'
            }
           }
          </script>

    Geändert von Crash-Override (26.05.2006 um 17:36 Uhr)

Berechtigungen

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