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

.htaccess - Passwortschutz für Webseiten
Mit einer .htaccess Datei und einer .htpasswd Passwort-Datei lassen sich bestimmte Verzeichnisse und die darin enthaltenen Dateien vor unerlaubtem Zugriff schützen.
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.
Artikel über Checkboxen auswählen
Hier können Artikel (Bilder) ausgewählt werden die bestimmte Kriterien der Checkboxen erfüllen. Die Daten werden in einer CSV-Datei gespeichert und können individuell angepasst werden.
Daten auf mehreren Seiten aufteilen / Kombinierte Formular.- und Blätterfunktion
Damit nicht alle Daten einer DB-Tabelle auf einmal auf der Seite zu sehen sind, sondern übersichtlich auf mehreren Seiten verteilt stehen, benutzt man eine Seitennavigation zum blättern (Pagination).

Abonniere meinen RSS-Feed um über aktuelle Seiten benachrichtigt zu werden.