• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

einfacher Countdown

Körnerbrötchen

Körnerbrötchen

Aktives Mitglied
Moin zusammen,
ich tue mich irgendwie immer noch schwer damit, mal endlich JS zu lernen (obwohl es schon so lange in meiner Sig steht). Jetzt tue ich es doch und dachte mir, schreib einfach mal einen einfachen Countdown, der bei Aufruf der Seite von 10 nach unten zählt.
Funktioniert auch super bis zur 8, danach mag er nicht mehr. Fehlerkonsole in FF sagt nichts...
Hier das Script
Code: 
<!DOCTYPE html>
<html lang="en">
<head>
 <title>Der Countdown</title>
<body>
<script type="text/javascript">
 var countdown = "10";
 function count() { 
  countdown--;
  var i = countdown; 
  
  window.document.write(i);
  
  window.setTimeout("count()",1000);
 }
 
 count();
</script>
</body>
</html>

Viele Grüße
Körnerbrötchen
 
Werbung:
document.write();

Damit überschreibst du die GANZE HTML-File.
Heißt soviel wie: Das Script überschreibt die Seite - Danach weiß es nicht mehr, das es sich "weiter ausführen sol".

Ersetze document.write(); durch
document.getElementById("counter").innerHTML = i;
und setze unter sem script ein div mit der ID "counter".

Und hier das Ergebniss:



<html>
<head>
<title>Der Countdown</title>
<script type="text/javascript">
var countdown = 10;
function count() {
countdown = countdown - 1;
if(document.getElementById("counter")) {
if(countdown <= 0) {
document.getElementById("counter").innerHTML = "Fertig.";
} else {
document.getElementById("counter").innerHTML = countdown;
}
}

if(countdown >= 0) {
setTimeout("count()",1000);
}
}

count();
</script>
</head>
<body>
<div id="counter">10</div>
</body>
</html>
 
Okay, hm… ja, das ist bitter. Vielen Dank! Die if-Bedingungen sind klar, ging ja nur um das Grundgerüst.

Danke :)
 
Zuletzt bearbeitet:
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben