Toni: Counter mit Javascript...

Beitrag lesen

SELF-Forum

Counter mit Javascript...

Toni
– Informationen zu den Bewertungsregeln

Ich soll für meinen Freund einen Countdown erstellen. Man soll die Zeit eingeben können und dann auf "aktualisieren" drücken, und der Counter soll mit einem anderen Button gestartet werden... Doch ich weis nicht wie ich die Funktionen schreiben soll, denn ich hab mit JS noch nicht so lange Erfahrung.
Wäre toll, wenn mir jemand meine Fehler zeigen könnte und den richtigen Code posten könnte!^^

MFG
Toni

<html>
<head>
<script type="text/javascript">
        function $(name) {
            return document.getElementById(name);
        }

function updatePS3Countdown() {
            var cA = $("counterActivator");
            if (cA) {
                var now = new Date();
                var rel = new Date(2007, 02, 23, 24, 0, 0);

var mil = rel.getTime() - now.getTime();

if (mil > 0) {
                    var secs = Math.round(mil / 1000);

// Tage von secs abziehen...
                    var days = (secs - secs % (60 * 60 * 24)) / (60 * 60 * 24);
                    secs = secs % (60 * 60 * 24);

// Stunden von secs abziehen...
                    var hrs = (secs - secs % (60 * 60)) / (60 * 60);
                    secs = secs % (60 * 60);

// Minuten von secs abziehen...
                    var mnts = (secs - secs % 60) / 60;
                    secs = secs % 60;

$("cDays").innerHTML = days;
                    $("cHours").innerHTML = hrs;
                    $("cMinutes").innerHTML = mnts;
                    $("cSeconds").innerHTML = secs;

window.setTimeout("updatePS3Countdown()", 1000);
                }
            }
        }

</script>
        </head>
<body onload="updatePS3Countdown();" >
        <div id="counterActivator" style="height:120px"></div>

<table width="190px" border="0" cellspacing="5px" cellpadding="0">
<tr><td width="87px" align="right" id="cDays" style="font-size:1.5em;color:#fff"><input

tpye="submit" value="0"></td><td style="font-size:1.0em;color:#888">Tage</td></tr>
<tr><td width="87px" align="right" id="cHours" style="font-size:1.5em;color:#fff"><input

tpye="submit" value="0"></td><td style="font-size:1.0em;color:#888">Stunden</td></tr>
<tr><td width="87px" align="right" id="cMinutes" style="font-size:1.5em;color:#fff"><input

tpye="submit" value="0"></td><td style="font-size:1.0em;color:#888">Minuten</td></tr>

<tr><td width="87px" align="right" id="cSeconds" style="font-size:1.5em;color:#fff"><input

tpye="submit" value="0"></td><td style="font-size:1.0em;color:#888">Sekunden</td><td

width="87px" align="right" id="cSeconds" style="font-size:1.5em;color:#fff"></td></tr>
&nbsp;&nbsp;&nbsp;<input type="button" value ="aktualisieren"

onclick="onload='updatePS3Countdown();' ">
<input type="button" value="start">
</table>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln