2 Funktionen parallel
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
bild
countdown
datei
extra funktion
funktion
grafik
internet
laden
liegen
modell
problem
rand
relevant kleiner tipp
sekunde
verhindern
-
Hallo,
ich habe hier einen script worauf sich ein countdown und eine grafik die jede sekunde ein anderes bild anzeigt befindet. das problem ist nur das wenn man beides untereinander setzt, es dazu kommt, dass eines der beiden nicht funktioniert. woran kann das liegen?
---script1---
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script type=\"text/javascript\">
<!--
var bilder = new Array(3);
bilder[0]=new Image();
bilder[0].src=\"spielerbilder/1.bmp\";
bilder[1]=new Image();
bilder[1].src=\"spielerbilder/2.bmp\";
bilder[2]=new Image();
bilder[2].src=\"spielerbilder/3.bmp\";
bilder[3]=new Image();
bilder[3].src=\"spielerbilder/4.bmp\";
bilder[4]=new Image();
bilder[4].src=\"spielerbilder/5.bmp\";
bilder[5]=new Image();
bilder[5].src=\"spielerbilder/6.bmp\";
bilder[6]=new Image();
bilder[6].src=\"spielerbilder/7.bmp\";
bilder[7]=new Image();
bilder[7].src=\"spielerbilder/8.bmp\";
bilder[8]=new Image();
bilder[8].src=\"spielerbilder/9.bmp\";
bilder[9]=new Image();
bilder[9].src=\"spielerbilder/10.bmp\";
var i=0
function change() {
document.getElementById(\"banner\").src=bilder[i%10].src;
i++;
window.setTimeout(\"change();\",1000);
}
//-->
</script>
</head>
<body onload=\"change();\">
<img name=\"banner\" id=\"banner\" src=\"spielerbilder/1.bmp\">
</body>
</html>
---script2---
<script type=\'text/javascript\'>
<!--
var now = new Date();
var year = now.getYear();
if (year < 1900) {
year += 2008;
}
year = 2008;
var end = new Date(\"August 30, \" + year + \" 11:00:00 GMT\");
document.write(\'<div style=\"text-align: left\">\');
document.write(\' <span id=\"c1\" style=\"FONT: bold 30px arial; COLOR: #33FF33\"></span><br />\');
document.write(\' <span id=\"c2\" style=\"font: bold 25px arial; color: yellow\">;</span><br />\');
document.write(\' <span id=\"c2\" style=\"font: bold 15px arial; color: white\">bis zu...</span><br />\');
document.write(\'</div>\');
function toSt2(n) {
s = \"\";
if (n < 10) s += \"0\";
return (s + n).toString();
}
function toSt3(n) {
s = \"\";
if (n < 10) s += \"00\";
else if (n < 100) s += \"0\";
return (s + n).toString();
}
function countdown() {
d = new Date();
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
document.getElementById(\'c1\').innerHTML = days + \' TAGE\';
document.getElementById(\'c2\').innerHTML = hours + \':\' + minutes + \':\' + seconds + \'.\' + miliseconds + \'\';
setTimeout(\"countdown()\", 50);
}
}
window.onload=countdown;
//-->
</script> -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Du rufst Onload zwei mal auf:
window.onload=countdown;
<body onload=\"change();\">
Dies ist das alte Eventmodell, das nur eine OnLoad-Funktion zulässt, das heißt, du überschreibst window.onload = countdown; mit onload=\"change();\". Dies kannst du verhindern in dem du eine extra Funktion schreibst:
function laden() {
change();
countdown();
}
...
<body onload=\"laden();\"> oder window.onload=laden;
oder das neuere EventHandler-Modell verwendest:
document.addEventHandler(\"load\", countdown, true);
document.addEventHandler(\"load\", change, true);
-
Verschoben, weil wieder mal nicht Java-relevant.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
