hier mal einen Zähler der Sekunden rückwärts zählt bis 0
<html>
<head>
<title>Countdown</title>
<script type="text/javascript">
var sek = 12; // Die Anzahl der Sekunden
// Rufe jede Sekunde die Funktion countdown() auf
var aktiv = window.setInterval("countdown()", 1000);
function countdown ()
{
// Die verbleibenden Sekunden ins <span>-Element schreiben
document.getElementById("count").innerHTML='Sie werden in '+ sek + ' Sekunden weiter geleitet';
// Wenn die Zeit abgelaufen ist, ...
if(sek == 0) {
// ... nicht mehr jede Sekunde diese Funktion aufrufen
window.clearInterval(aktiv);
// ... Ausgabe bei abgelaufender Zeit
document.getElementById("count").innerHTML='<a href="test.zip">
<img src="download-button.gif"></a>';
}
// Die Sekunden um 1 runterzaehlen
sek --;
}
</script>
</head>
<span id="count"></span>
</html>
rot eure Zeitangabe die gezählt werden soll
blau euer Text der erscheinen soll beim zählen
grün hier könnt ihr ein Bild einfügen was nach Ende erscheinen soll
das einzige was ich noch nicht raus bekommen habe ist wie ich die Schrift verändernkann größe / Typ / Farbe da bräuchte ich eure Hilfe mal wäre nett wenn mir da jemand einen Tip geben könnte.
Wie es aussieht kann man zur Zeit auf der Seite Test auf unser Homepage sehen
Zuletzt bearbeitet von micawa am 28.03.2011, 12:21, insgesamt einmal bearbeitet
Cookies sind kleine Textinformation, die wir oder Partner von uns über deinen Browser lokal bei dir speichern.
Du kannst jederzeit die Nutzung von Cookies über die Einstellung deines Browsers verhindern.
Wir nutzen folgende, mit der DSGVO konforme Cookies:
- Essentielle Cookies: Sind unbedingt notwendig damit die Website voll funktionsfähig ist.
- Optionale Cookies: Sind optional und helfen uns die Website zu verbessern, z.B. indem sie das Nutzungsverhalten auf der Website analysieren, ohne dabei dich persönlich zu identifizieren.
Mehr Informationen findest du in unser Datenschutzerklärung.