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

SQLite-Datei mit PHP und PDO erstellen
Der Vorteil von SQLite ist, das die Datenbank eine Text-Datei ist und keine Verbindung zu einem Datenbank-Server benötigt wird.
Seiten dynamisch mit PHP erstellen
Vielleicht kennen Sie dieses Problem: Sie möchten gerne eine Seite ohne Frames erstellen, wollen aber auch nicht bei jeder Änderung an der Navigation alle Seiten ändern. Nur mit HTML gibt es hier keine Lösung und nicht jeder Benutzer hat JavaScript im Browser aktiviert, stattdessen sollten Sie auf PHP zurückgreifen.
Bilder in den Browser laden per File API
Wenn Bilder hoch geladen werden sollen, ist es für dem Benutzer wissenswert welche Bilder er überhaupt ausgewählt hat. Diese JavaScript-Funktion zeigt Bilder vor dem hochladen im Browser an.