[JavaScript] jQuery Counter

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Terrorbeat, 12. November 2010 .

  1. 12. November 2010
    jQuery Counter

    Hallo

    Bin am jQuery und JavaScript lernen und habe einen Counter Programmiert. Dabei habe ich das jQuery plugin timers benutzt. Der Counter Funktioniert perfekt, wer ihn nutzen will nur zu. Allerdings habe ich noch ein Problem und zwar weiß ich nicht wie ich mit jQuery zahlen immer zwei stellig darstellen lasse. Also das alle zahlen unter 9 einer 0 folgen.


    Code:
     <script type="text/javascript">
     $(document).ready(function(){
     $('div.uhr').everyTime(1000, function() {
     var sekunde = $('.sek', this).text();
     var minute = $('.min', this).text();
     var stunde = $('.h', this).text();
     if (sekunde > 0 || minute > 0 || stunde > 0) { //Prüfen ob counter auf 0 steht
     sekunde--;
     if (sekunde == -1) { //Prüfen ob 60 Sekunden um sind
     sekunde = 60;
     minute--;
     if (minute == -1) { //Prüfen ob 60 Minuten um sind
     minute = 60;
     stunde--;
     $('.h', this).text(stunde);
     }
     $('.min', this).text(minute);
     } 
     $('.sek', this).text(sekunde);
     } else {
     $(this).text("Fertig");
     }
     }); 
     });
     </script>
    HTML:
    <div class="uhr"><span class="h">0</span>:<span class="min">2</span>:<span class="sek">3</span></div>
     
  2. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.