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
- 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.
- Erster Eintrag in eine MySQL-Datenbank mit PHP
- Eine Anleitung wie man ein Nachrichten-System mit einer MySQL (oder MariaDB)-Datenbank über PHP realisieren kann. Komplett mit Formularen zum eintragen, anzeigen und bearbeiten der Daten.
- 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.
Diese Schlagwörter könnten Sie interessieren:
Diashow Sortierung JSON Webseitenschutz Floodsperre Fotoalbum Key Codes Lokaler Webserver Linkliste Zeitfunktionen Suchmaschine Textgestaltung Gästebuch Dateibrowser AJAX Favicon Marquee RSS Feed Silbentrennung Zoom-Funktion
Diashow Sortierung JSON Webseitenschutz Floodsperre Fotoalbum Key Codes Lokaler Webserver Linkliste Zeitfunktionen Suchmaschine Textgestaltung Gästebuch Dateibrowser AJAX Favicon Marquee RSS Feed Silbentrennung Zoom-Funktion