LinkBack URL
About LinkBacks
ZitierenKeiner da, der mir bei meinem Problem helfen kann?
MfG Speedy
Hallo!
Ich möchte, dass die led1.gif mit der jeweiligen Sekunde solange besteht, bis die volle Minute um ist,
erst dann alle mit led0.gif gelöscht werden und das Spiel wieder von neuem biginnen kann.
Ich hoffe es kann mir jemand helfen!
Hier das Script:
Ich hoffe, dass ich mich einigermaßen verständlich ausgedrückt habe!Code:<html> <head> <title>LED-Uhr</title> </head> <body bgcolor="#3D3D3D" topmargin="0" leftmargin="0"> <table border="0" cellpadding="0" cellspacing="0" width="446" height="446"> <tr> <td align="center"> <img SRC="zahlen/0.gif" NAME="a" NOSAVE BORDER=0 width=50 height=73> <img SRC="zahlen/0.gif" NAME="b" NOSAVE BORDER=0 width=50 height=73> <img SRC="zahlen/y.gif" NOSAVE BORDER=0 width=50 height=73> <img SRC="zahlen/0.gif" NAME="c" NOSAVE BORDER=0 width=50 height=73> <img SRC="zahlen/0.gif" NAME="d" NOSAVE BORDER=0 width=50 height=73> </center> </td> </tr> </table> <script LANGUAGE="JavaScript1.2"> var ie4up = (document.all) ? 1 : 0; if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } var xp, yp; xp = new Array(); yp = new Array(); z="zahlen/led0.gif" w=3.14/30 if (ie4up) {ie();} function ie() { for (i = 0; i < 60; ++ i) { xp[i]=Math.floor(doc_width/2-350+Math.sin(i*w)*(doc_height/2-140)); yp[i]=Math.floor(doc_height/2-140-Math.cos(i*w)*(doc_height/2-140)); // (doc_height/2-X) = Durchmesser var a="<div id=\"dot"+i+"\" style=\"position: absolute; visibility:visible; top:"+yp[i]+"; left:"+xp[i]+"\"><img src=\""+z+"\" border=\"0\"></div>" document.write(a) } var a="<div id=\"sec\" style=\"position: absolute; visibility:visible; top:"+yp[0]+"; left:"+xp[0]+"\"><img src=\"zahlen/led1.gif\" border=\"0\"></div>" document.write(a) } function show(){ var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() if (hours<=9) hours="0"+hours if (minutes<=9) minutes="0"+minutes uhr=hours+":"+minutes document.images.a.src="zahlen/"+uhr.substring(0,1)+".gif" document.images.b.src="zahlen/"+uhr.substring(1,2)+".gif" document.images.c.src="zahlen/"+uhr.substring(3,4)+".gif" document.images.d.src="zahlen/"+uhr.substring(4,5)+".gif" if (ie4up) { document.all["sec"].style.pixelTop = yp[seconds] document.all["sec"].style.pixelLeft = xp[seconds] } setTimeout("show()",999) } show() </script> </body> </html>
Hab schon einiges versucht, aber es nicht so hinbekommen, wie ich es haben wollte.
Als Anhang das komplette Paket, zum besseren Verständnis (Virenfrei, versteht sich von selbst) mit beigefügt.
Vileicht kann der ein oder andere schon so etwas mit anfangen!
MfG Speedy
Keiner da, der mir bei meinem Problem helfen kann?
MfG Speedy
Hallo Speedy,
hast Du das folgende gemeint?
Wenn ja, dann erklär "uns" doch mal meine Änderungen. Du willst doch etwas lernen, oder ;-)PHP-Code:<html>
<head>
<title>LED-Uhr</title>
</head>
<body bgcolor="#3D3D3D" topmargin="0" leftmargin="0">
<table border="0" cellpadding="0" cellspacing="0" width="446" height="446">
<tr>
<td align="center">
<img SRC="zahlen/0.gif" NAME="a" NOSAVE BORDER=0 width=50 height=73>
<img SRC="zahlen/0.gif" NAME="b" NOSAVE BORDER=0 width=50 height=73>
<img SRC="zahlen/y.gif" NOSAVE BORDER=0 width=50 height=73>
<img SRC="zahlen/0.gif" NAME="c" NOSAVE BORDER=0 width=50 height=73>
<img SRC="zahlen/0.gif" NAME="d" NOSAVE BORDER=0 width=50 height=73>
</center>
</td>
</tr>
</table>
<script LANGUAGE="JavaScript1.2">
var ie4up = (document.all) ? 1 : 0;
if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
var xp, yp;
xp = new Array();
yp = new Array();
z="zahlen/led0.gif"
w=3.14/30
if (ie4up) {ie();}
function ie() {
for (i = 0; i < 60; ++ i) {
xp[i]=Math.floor(doc_width/2-350+Math.sin(i*w)*(doc_height/2-140));
yp[i]=Math.floor(doc_height/2-140-Math.cos(i*w)*(doc_height/2-140)); // (doc_height/2-X) = Durchmesser
var a="<div id=\"dot"+i+"\" style=\"position: absolute; visibility:visible; top:"+yp[i]+"; left:"+xp[i]+"\"><img src=\""+z+"\" border=\"0\"></div>"
document.write(a)
}
/* GELÖSCHT
var a="<div id=\"sec\" style=\"position: absolute; visibility:visible; top:"+yp[0]+"; left:"+xp[0]+"\"><img src=\"zahlen/led1.gif\" border=\"0\"></div>"
document.write(a)
GELÖSCHT */
}
function show(){
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
if (hours<=9)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes
uhr=hours+":"+minutes
document.images.a.src="zahlen/"+uhr.substring(0,1)+".gif"
document.images.b.src="zahlen/"+uhr.substring(1,2)+".gif"
document.images.c.src="zahlen/"+uhr.substring(3,4)+".gif"
document.images.d.src="zahlen/"+uhr.substring(4,5)+".gif"
/* GELÖSCHT
if (ie4up) {
document.all["sec"].style.pixelTop = yp[seconds]
document.all["sec"].style.pixelLeft = xp[seconds]
}
GELÖSCHT */
// NEU
if (seconds==1)
{
for (var i=0;i<60;i++)
document.getElementById("dot"+i).firstChild.src="zahlen/led0.gif";
};
document.getElementById("dot"+seconds).firstChild.src="zahlen/led1.gif";
// NEU-ENDE
setTimeout("show()",999)
}
show()
</script>
</body>
</html>
Tschau
Frank
P.S. Wo hast Du denn eigentlich dieses Script her? Da müßte man eigentlich einiges "umschreiben" !
Ja, genau das habe ich gemeint Frank, spitze!Zitat von Malleus
Zu der Frage, was Du dort geändert hast:
document.getElementById("dot"+i).firstChild.src="zahlen/led0.gif"; <= Untere Kreisebene.
document.getElementById("dot"+seconds).firstChild.src="zahlen/led1.gif"; <= Obere Kreisebene, welche sich nach der Sekundenanzahl aufbaut.
Hoffe, ich habe das so richtig interpretiert!
Zu der Frage, wo ich es her habe:
Kann ich Dir nicht sagen, weil ich es schon sehr lange in meinem Archiv gehabt habe (ca. 2001) und ich es jetzt wieder hervorgeholt habe,
wo ich es brauche. (War schon immer ein Schnipselsammler)
Wie Du schon angedeutet hast, scheind die Scriptspache heute nicht mehr uptodate zu sein, aber es läuft dennoch.
Mit freundlichen Grüßen
Andreas
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)