Dominik: onClick bei input button macht nichts

Beitrag lesen

SELF-Forum

onClick bei input button macht nichts

Dominik
– Informationen zu den Bewertungsregeln

Hallo Forum.

Ich versuche einen einfachen Timer zu erstellen, der die Zeit runterzählt. Dabei soll man in ein Textfeld die Zahl der Minuten eingeben und wenn man auf einen Button klickt soll der Countdown beginnen. Ich habe soweit hinbekommen, dass alles am richtigen Platz erscheint und auch korrekt aussieht. Allerdings funktioniert der Aufruf meiner Javascript-Funktion nicht richtig.

Meine html-Datei "Timer.html":
<html>
<head>
         <title>Timer</title>
         <style>
                 body {
                         width: 125px;
                         height: 50px;
                         background: url('Hintergrund.png');
                 }
         </style>
         <script type="text/javascript" src="js/timer.js"></script>
</head>
<body scroll="no">
 <div style="width: 100%; height: 100%; text-align: right; vertical-align: middle;">
         <input onClick="Start();" type="submit" value="X" style="width: 30pt; height: 22pt; font-size: 18pt; background: transparent; color: white; border-style: none;" />
         <input type="text" id="minutes" size="2" maxlength="2" value="05" style="margin: -2px; width: 21pt; font-size: 18pt; background: transparent; color: white; border-style: none;" />
         <input type="text" size="1" maxlength="1" readonly value=":" style="margin: -2px; width: 7pt; font-size: 18pt; background: transparent; color: white; border-style: none;" />
         <input type="text" id="seconds" size="2" maxlength="2" readonly value="00" style="margin: -2px; width: 21pt; font-size: 18pt; background: transparent; color: white; border-style: none;" />
         </div>
</body>
</html>

und meine Scriptdatei "timer.js":
var seconds = 600;

function Start() {
 alert("Start");
        seconds = document.getElementById("minutes").value.toInt() * 60;
        if(seconds > 0) setTimeout("CountDown()", 1000);
}

function CountDown() {
        alert("CountDown");
        seconds--;
        var m = Math.floor(seconds / 60);
        if(m > 9) document.getElementById("minutes").value = m;
        else document.getElementsById("minutes").value = "0"+m;
        var s = seconds % 60;
        if(s > 9) document.getElementById("seconds").value = s;
        else document.getElementById("seconds").value = "0"+s;
        if(seconds > 0) setTimeout("CountDown()", 1000);
}

Wie gesagt, es tut sich nichts wenn ich auf den Button klicke. Kann jemand Fehler entdecken? Danke schonmal

Beitrag melden
–
Informationen zu den Bewertungsregeln