JavaScript-Counter

Hier finden Sie einen Counter der die Stunden, Minuten und Sekunden von einer vorher festgelegten Zeit abzählt.

Demo



03:24:11

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<span id="counter">03:24:11</span>

<
script>
function 
Counter() {
 
// Counter einlesen
 
var obj document.getElementById("counter").firstChild;
 var 
zeit obj.nodeValue;

 
// Counter abzählen
 
var zsplit zeit.split(":");
 var 
stunde zsplit[0];
 var 
minute zsplit[1];
 var 
sekunde zsplit[2];
 if (
sekunde > 0) {
  
sekunde--;
 }
 else {
  
minute--;
  
sekunde "59";
 }
 if (
minute >0) {
  if (
minute.length < 2) {
   
minute "0" minute;
  }
 }
 else {
  
stunde--;
  
minute 59;
 }
 if (
stunde >0) {
  if (
stunde.length < 2) {
   
stunde "0" stunde;
  }
 }
 
zeit stunde ":" minute ":" + (sekunde < 10 "0" "") + sekunde;

 
// Überprüfen ob der Counter auf "00:00:0" steht
 
if (stunde < "01" && minute < "01" && sekunde < "1") {
  
// Counter beenden
  
window.clearInterval(aktiv);
  
// Hier kann bsw. eine neue Funktion gestartet werden
 
}

 
// Counter ausgeben
 
var obj document.getElementById("counter").firstChild;
 
obj.nodeValue zeit;
}

// Counter starten
var aktiv =  window.setInterval("Counter()"999);
</
script>

Die Zeitangabe tragen Sie bei <span id="counter">03:24:11</span> ein.

Tipps

Formulardaten über AJAX überprüfen und speichern
Ohne lästigen Seitenwechsel werden die eingegebenen Daten im Formular überprüft und gespeichert.
Lokalen Webserver einrichten und verwenden
Um PHP-Scripte auszuführen benötigt man einen Webserver. Um nun nicht jede Datei zum testen erst per FTP auf seinen Webserver zu laden ist es sinnvoll, sich lokal auf dem Rechner einen sog. lokalen Webserver zu installieren.
Verkettete Auswahllisten dynamisch aus einer DB-Tabelle generieren
Dieses Beispiel zeigt, wie man eine HTML-Auswahlliste (Drop-Down-Liste) dynamisch generiert, die auf den Werten einer Spalte in einer Datenbank-Tabelle beruht.
Diese Schlagwörter könnten Sie interessieren:
Wasserzeichen CSS-Counter Zeichenkodierung Seitenformatierung Mehrfachauswahl Counter Diashow Quelltext Sprachumschaltung Hover-Effekt Dateibrowser PHP-Fehlermeldungen Blätterfunktion Linkliste Silbentrennung Berechnungen Datenschutz-Hinweis Sortierung SQLite Zeichnen