Hallo,
ich erstelle gerade eine .html-Seite mit mehreren Countdowns.
Tjoa, die .html-Seite usw. ist ja jetzt nicht das Problem, auch nicht der (erste) Countdown, dafür aber umso mehr der zweite Countdown - der wird nämlich nicht angezeigt.
Hier der bisherige Code:
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML
lang=en xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en"><HEAD><TITLE>TEST</TITLE>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.7600.16930"></HEAD>
<BODY BGCOLOR="#666666" TEXT="#000000">
<fieldset><legend><b>Erster CD</b></legend>
<script type="text/javascript">
//#####################################################################################
#
// Author: ricocheting.com
// Version: v2.0
// Date: 2011-03-31
// Description: displays
the amount of time until the "dateFuture" entered below.
// NOTE: the month entered must
be one less than current month. ie; 0=January, 11=December
// NOTE: the hour is in 24
hour format. 0=12am, 15=3pm etc
// format: dateFuture1 = new Date(year,month-
1,day,hour,min,sec)
// example: dateFuture1 = new Date(2003,03,26,14,15,00) = April 26,
2003 - 2:15:00 pm
dateFuture1 = new Date(2012,3,17,9,0,0);
// TESTING: comment out the
line below to print out the "dateFuture" for testing purposes
//document.write
(dateFuture +"<br />");
//###################################
//nothing beyond this
point
function GetCount(ddate,iid){
dateNow = new Date(); //grab current date
amount = ddate.getTime() - dateNow.getTime(); //calc milliseconds between dates
delete dateNow;
// if time is already past
if(amount < 0){
document.getElementById(iid).innerHTML="Now!";
}
// else date is still good
else{
weeks=0;days=0;hours=0;mins=0;secs=0;out="";
amount =
Math.floor(amount/1000);//kill the "milliseconds" so just secs
weeks=Math.floor(amount/604800);//weeks
amount=amount%604800;
days=Math.floor(amount/86400);//days
amount=amount%86400;
hours=Math.floor(amount/3600);//hours
amount=amount%3600;
mins=Math.floor(amount/60);//minutes
amount=amount%60;
secs=Math.floor(amount);//seconds
out += weeks +"
"+((weeks==1)?"Woche":"Wochen")+", ";
if(days != 0){out += days +"
"+((days==1)?"Tag":"Tage")+", ";}
if(hours != 0){out += hours +"
"+((hours==1)?"Stunde":"Stunden")+", ";}
out += mins +"
"+((mins==1)?"Minute":"Minuten")+", ";
out += secs +"
"+((secs==1)?"Sekunde":"Sekunden")+", ";
out = out.substr(0,out.length-
2);
document.getElementById(iid).innerHTML=out;
setTimeout
(function(){GetCount(ddate,iid)}, 1000);
}
}
window.onload=function(){
GetCount(dateFuture1, 'countbox1');
//you can add additional countdowns here (just
make sure you create dateFuture2 and countbox2 etc for each)
};
</script>
<div
id="countbox1"></div>
<br>
</fieldset><br>
<fieldset><legend><b>Zweiter CD</b></legend>
<script type="text/javascript">
//#####################################################################################
#
// Author: ricocheting.com
// Version: v2.0
// Date: 2011-03-31
// Description: displays
the amount of time until the "dateFuture" entered below.
// NOTE: the month entered must
be one less than current month. ie; 0=January, 11=December
// NOTE: the hour is in 24
hour format. 0=12am, 15=3pm etc
// format: dateFuture1 = new Date(year,month-
1,day,hour,min,sec)
// example: dateFuture1 = new Date(2003,03,26,14,15,00) = April 26,
2003 - 2:15:00 pm
dateFuture1 = new Date(2012,3,19,9,0,0);
// TESTING: comment out the
line below to print out the "dateFuture" for testing purposes
//document.write
(dateFuture +"<br />");
//###################################
//nothing beyond this
point
function GetCount(ddate,iid){
dateNow = new Date(); //grab current date
amount = ddate.getTime() - dateNow.getTime(); //calc milliseconds between dates
delete dateNow;
// if time is already past
if(amount < 0){
document.getElementById(iid).innerHTML="Now!";
}
// else date is still good
else{
weeks=0;days=0;hours=0;mins=0;secs=0;out="";
amount =
Math.floor(amount/1000);//kill the "milliseconds" so just secs
weeks=Math.floor(amount/604800);//weeks
amount=amount%604800;
days=Math.floor(amount/86400);//days
amount=amount%86400;
hours=Math.floor(amount/3600);//hours
amount=amount%3600;
mins=Math.floor(amount/60);//minutes
amount=amount%60;
secs=Math.floor(amount);//seconds
out += weeks +"
"+((weeks==1)?"Woche":"Wochen")+", ";
if(days != 0){out += days +"
"+((days==1)?"Tag":"Tage")+", ";}
if(hours != 0){out += hours +"
"+((hours==1)?"Stunde":"Stunden")+", ";}
out += mins +"
"+((mins==1)?"Minute":"Minuten")+", ";
out += secs +"
"+((secs==1)?"Sekunde":"Sekunden")+", ";
out = out.substr(0,out.length-
2);
document.getElementById(iid).innerHTML=out;
setTimeout
(function(){GetCount(ddate,iid)}, 1000);
}
}
window.onload=function(){
GetCount(dateFuture1, 'countbox1');
//you can add additional countdowns here (just
make sure you create dateFuture2 and countbox2 etc for each)
};
</script>
<div
id="countbox1"></div>
<br>
</fieldset><br>
<fieldset><legend><b>Dritter CD</b></legend>
FACH 3
</fieldset><br>
<fieldset><legend><b>Vierter CD</b></legend>
FACH 4
</fieldset><br>
</script></body></HTML>Auch nochmal als Anhang (Dateiendung einfach in .html ändern):
