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

Javascript Countdown

Status
Für weitere Antworten geschlossen.
P

Prasedonym

Guest
Hallo,
Ich möchte einen Coundown haben den hab ich auch erstellt aber er wird in einem Input Feld angezeigt kann man das irgendwie ändern oder vllt, gibt es auch ein Tutorial dazu.

Bin für jede Hilfe dankbar :)

mfg
Prasedonym
 
Hier der Code:

HTML:
<HEAD>

<script type="text/javascript">

<!-- Countdown -->

<!-- Begin
var Temp2;
var timerID = null;
var timerRunning = false;
function arry() {
this.length = 12;
this[0] = 31;
this[1] = 28;
this[2] = 31;
this[3] = 30;
this[4] = 31;
this[5] = 30;
this[6] = 31;
this[7] = 31;
this[8] = 30;
this[9] = 31;
this[10] = 30;
this[11] = 31;
}
var date = new arry();

function stopclock() {
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}

function startclock() {
stopclock();
showtime();
}

function showtime() {
now = new Date();
var CurMonth = now.getMonth();
var CurDate = now.getDate();
var CurYear = now.getFullYear();
now = null;
if (20 < CurDate) {
CurDate -= date[CurMonth]; CurMonth++;
}
if (10 < CurMonth) {
CurMonth -= 12; CurYear++;
}

var Yearleft = 2009 - CurYear;
var Monthleft = 10 - CurMonth;
var Dateleft = 20 - CurDate;

document.dateform.a.value = Yearleft;
document.dateform.b.value = Monthleft;
document.dateform.c.value = Dateleft;

timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
// End -->
</script>
</HEAD>

<BODY Onload="startclock()">

<form name=dateform>Nur noch 
<input type=text name=a size=2 value=""> Jahre, 
<input type=text name=b size=2 value=""> Monate und 
<input type=text name=c size=2 value=""> Tage bis zum 20.11.2009</form>

<!-- Skript Grösse:  1.7 KB  -->
 
Falls der Code bisher klappen sollte und du die Ausgabe einfach nur in nem Div haben wolltest, musst du anstatt
Code:
document.dateform.a.value = Yearleft;
document.dateform.b.value = Monthleft;
document.dateform.c.value = Dateleft;

Sowas schreiben

Code:
document.getElementById("countdown").innerHTML = YearLeft + " Jahre , " + Monthleft + " Monate und " + Dateleft + " Tage noch";

Dafür erstellst du dir ein Element (div, span oder was auch immer) mit der id countdown

HTML:
<span id="countdown"></span>
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben