Tweet
Hallo Leute,
bin neu hier und kenne mich mit java script nicht wirklich gut aus.
habe einen countdown ausm netz gezogen und möchte ihn nun erweitern das der countdown wenn man einen klick macht auf eine schaltfläche dieser 10 sek verlängert wird.
hier mal der code:
Dies ist der Countdown.
Darunter würde ich meine funktion setzen wo ich die 10sek bei einem klick dazu rechne. Diese:
Die ausgabe wäre dann so:
wenn ich nun einen alert in meine selbstgeschriebene funktion einbaue funktioniert der 10sek hochzähler zwar aber der soll ja direkt den countdown ändern und nicht mir ein neues alert fenster öffnen.
Ich hoffe jemand kann mir helfen.
Vielen dank.
chaosboy
bin neu hier und kenne mich mit java script nicht wirklich gut aus.
habe einen countdown ausm netz gezogen und möchte ihn nun erweitern das der countdown wenn man einen klick macht auf eine schaltfläche dieser 10 sek verlängert wird.
hier mal der code:
Code:
<script language="JavaScript">
// Ziel-Datum in MEZ
var jahr=2008, monat=4, tag=23, stunde=16, minute=38, sekunde=00, ergebnis=00;
var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);
function countdown() {
startDatum=new Date(); // Aktuelles Datum
// Countdown berechnen und anzeigen, bis Ziel-Datum erreicht ist
if(startDatum<zielDatum) {
var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0, ergebnis=0;
// Jahre
while(startDatum<zielDatum) {
jahre++;
startDatum.setFullYear(startDatum.getFullYear()+1);
}
startDatum.setFullYear(startDatum.getFullYear()-1);
jahre--;
// Monate
while(startDatum<zielDatum) {
monate++;
startDatum.setMonth(startDatum.getMonth()+1);
}
startDatum.setMonth(startDatum.getMonth()-1);
monate--;
// Tage
while(startDatum.getTime()+(24*60*60*1000)<zielDatum) {
tage++;
startDatum.setTime(startDatum.getTime()+(24*60*60*1000));
}
// Stunden
stunden=Math.floor((zielDatum-startDatum)/(60*60*1000));
startDatum.setTime(startDatum.getTime()+stunden*60*60*1000);
// Minuten
minuten=Math.floor((zielDatum-startDatum)/(60*1000));
startDatum.setTime(startDatum.getTime()+minuten*60*1000);
// Sekunden
sekunden=Math.floor((zielDatum-startDatum)/1000);
// Anzeige formatieren
(tage!=1)?tage=tage+":":tage=tage+" Tag,";
(stunden!=1)?stunden=stunden+":":stunden=stunden+" ";
(minuten!=1)?minuten=minuten+":":minuten=minuten+" ";
if(sekunden<10) ergebnis="0"+ergebnis;
(sekunden!=1)?ergebnis=ergebnis+"S":ergebnis=ergebnis+"S";
document.countdownform.countdowninput.value=
jahre+monate+tage+stunden+minuten+ergebnis;
setTimeout('countdown()',200);
}
// Anderenfalls alles auf Null setzen
else document.countdownform.countdowninput.value=
"00:00:00:00s ";
}
Darunter würde ich meine funktion setzen wo ich die 10sek bei einem klick dazu rechne. Diese:
Code:
function counter() {
ergebnis = Math.floor((zielDatum-startDatum)/1000) + 10;
}
Code:
<body onload="countdown()">
<form name="countdownform">
<p>
<input size="30" name="countdowninput">
<input type="button" value="erhöhen" onclick="counter()">
</p>
</form>
Ich hoffe jemand kann mir helfen.
Vielen dank.
chaosboy