js AnalogUhr im Board Fehlerhaft

Fragen zu allen Themen rund ums Programmieren außerhalb von phpBB können hier gestellt werden - auch zu anderen Programmiersprachen oder Software wie Webservern und Editoren.
Antworten
Benutzeravatar
D-Ani
Mitglied
Beiträge: 109
Registriert: 10.06.2008 14:57
Wohnort: Steinheim am Albuch
Kontaktdaten:
Kontaktdaten von D-Ani

js AnalogUhr im Board Fehlerhaft

Beitrag von D-Ani »

N´Abend,...

ich habe ein altes Board wieder aus der Versenkung geholt und von 3.0.0 auf 3.0.8 upgedatet sowie mit einigen Dingen ausgestattet.
Ich habe eine Analoguhr eingebunden:

Code: Alles auswählen

<div id="logodesc">
		<table width="100%" cellspacing="0" cellpadding="0">
		<tr>
			<td id="sidhe_uhr" align="left"><script language="JavaScript" src="{ROOT_PATH}js/uhr.js" type="text/javascript"></script><embed src="{ROOT_PATH}js/bell.mp3" autostart="false" loop="false" hidden="true" name="suhr" MASTERSOUND></embed></td>
		</tr>
		</table>
	</div>
Das Script der Uhr selbst sieht wie folgt aus:

Code: Alles auswählen

// JavaScript Document
// Farbeinstellungen
su_fCol='#E153FF';//Farbe Ziffernblatt
su_sCol='#6B6B6B';//Farbe Sekunden
su_mCol='#E153FF';//Farbe Minuten
su_hCol='#FFFFFF';//Farbe Stunden
su_ClockHeight=56;
su_ClockWidth=56;

su_date=new Date();
su_day=su_date.getDate();
su_year=su_date.getYear();
if (su_year < 2100) su_year=su_year+2000;
su_H='...';
su_H=su_H.split('');
su_M='....';
su_M=su_M.split('');
su_S='.....';
su_S=su_S.split('');
su_Face='._._III_._<a href="javascript:document.suhr.play()">.</a>_VI_._._IX_._._XII';
su_font='Arial';
su_size=1;
su_speed=0.6;
ie=(document.getElementById);
su_Face=su_Face.split('_');
su_n=su_Face.length;
su_a=su_size*10;
su_ymouse=0;
su_xmouse=0;
su_scrll=0;
su_props="<font face="+su_font+" size="+su_size+" color="+su_fCol+"><B>";
su_Split=360/su_n;
su_HandHeight=su_ClockHeight/4.5
su_HandWidth=su_ClockWidth/4.5
su_HandY=-7;
su_HandX=-2.5;
su_scrll=0;
su_step=0.06;
su_currStep=0;
su_y=new Array();
su_x=new Array();
su_Y=new Array();
su_X=new Array();
for (i=0; i < su_n; i++){su_y[i]=0;su_x[i]=0;su_Y[i]=0;su_X[i]=0;}

if (ie){
document.write('<div id="Of" style="position:relative;top:'+su_ClockHeight+'px;left:'+su_ClockWidth+'px;"><div style="position:relative">');
for (i=0; i < su_n; i++)
document.write('<div id="ieFace'+i+'" style="position:absolute;top:0px;left:0;height:'+su_a+';width:'+su_a+';text-align:center">'+su_props+su_Face[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:relative;top:'+su_ClockHeight+'px;left:'+su_ClockWidth+'px;"><div style="position:relative">');
for (i=0; i < su_H.length; i++)
document.write('<div id="ieHours'+i+'" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+su_hCol+';text-align:center;font-weight:bold">'+su_H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:relative;top:'+su_ClockHeight+'px;left:'+su_ClockWidth+'px;"><div style="position:relative">');
for (i=0; i < su_M.length; i++)
document.write('<div id="ieMinutes'+i+'" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+su_mCol+';text-align:center;font-weight:bold">'+su_M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:relative;top:'+su_ClockHeight+'px;left:'+su_ClockWidth+'px;"><div style="position:relative">');
for (i=0; i < su_S.length; i++)
document.write('<div id="ieSeconds'+i+'" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+su_sCol+';text-align:center;font-weight:bold">'+su_S[i]+'</div>');
document.write('</div></div>')
}

function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;

for (i=0; i < su_n; i++){
 var F=document.getElementById('ieFace'+i).style;
 caa_top = su_y[i] + su_ClockHeight*Math.sin(-1.0473 + i*su_Split*Math.PI/180)+su_scrll
 caa_top = (i == 3 || i == 4 || i == 6 || i == 7)?caa_top - 5:caa_top;
 caa_top = (i == 9 || i == 10)?caa_top - 2:caa_top;
 caa_left = su_x[i] + su_ClockWidth*Math.cos(-1.0473 + i*su_Split*Math.PI/180)
 caa_left = (i == 0 || i == 1 || i == 6 || i == 7)?caa_left + 4:caa_left;
 caa_left = (i == 9 || i == 10)?caa_left + 6:caa_left;
 F.top = caa_top + "px";
 F.left = caa_left + "px";
 }
for (i=0; i < su_H.length; i++){
 var HL=document.getElementById('ieHours'+i).style;
 HL.top=su_y[i]+su_HandY+(i*su_HandHeight)*Math.sin(hrs)+su_scrll+"px";
 HL.left=su_x[i]+su_HandX+(i*su_HandWidth)*Math.cos(hrs)+"px";
 }
for (i=0; i < su_M.length; i++){
 var ML=document.getElementById('ieMinutes'+i).style;
 ML.top=su_y[i]+su_HandY+(i*su_HandHeight)*Math.sin(min)+su_scrll+"px";
 ML.left=su_x[i]+su_HandX+(i*su_HandWidth)*Math.cos(min)+"px";
 }
for (i=0; i < su_S.length; i++){
 var SL=document.getElementById('ieSeconds'+i).style;
 SL.top=su_y[i]+su_HandY+(i*su_HandHeight)*Math.sin(sec)+su_scrll+"px";
 SL.left=su_x[i]+su_HandX+(i*su_HandWidth)*Math.cos(sec)+"px";
 }
su_currStep-=su_step;
}

function Delay(){
o1 = new Date();
o2 = o1.getHours()
o3 = o1.getMinutes()
o4 = o1.getSeconds()
if (o2 == 0 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 1 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 2 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 3 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 4 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 5 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 6 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 7 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 8 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 9 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 10 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 11 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 12 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 13 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 14 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 15 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 16 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 17 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 18 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 19 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 20 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 21 && o3 == 09 && o4 == 0){document.suhr.play();}
if (o2 == 22 && o3 == 0 && o4 == 0){document.suhr.play();}
if (o2 == 23 && o3 == 0 && o4 == 0){document.suhr.play();}
su_scrll=0;
for (i=1; i < su_n; i++){
su_y[i]=Math.round(su_Y[i]+=(su_y[i-1]-su_Y[i])*su_speed);
su_x[i]=Math.round(su_X[i]+=(su_x[i-1]-su_X[i])*su_speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}

var cDiv = document.getElementById("sidhe_uhr");
//if (ie)window.onload=Delay;
if (ie)Delay();
//document.suhr.play();
Der Bereich if (o2 == 0 && o3 == 0 && o4 == 0){document.suhr.play();} ist eigentlich nur von 0-3Uhr aber zu Testzwecken habe ich es auf 24Stunden ausgeweitet.
Zu jeder vollen Stunde soll Sie eine mp3 abspielen. Und zwischen 0-3Uhr 1 Forenbereich Sichtbar machen. Was ich per Abfrage in der functions_display.php geregelt habe...

Aber die Uhr hat leider eine Macke die ich nicht verstehe... Im IE 9 funktioniert es Einwandfrei inkl. mp3 abspielen. Im FF4 bleibt der Zeiger 1sek vor der vollen Stunde stehen und nichts tut sich mehr bis man die Seite neu ladet. Im Chrome das gleiche Spiel mit der Ausnahme das bei jedem neuladen der Seite die mp3 sich abspielt :roll:

Ich habe nun schon einige Änderungen an meinem Uraltscript versucht, aber es will nicht so wie ich das gerne hätte. Hat jemand eine Ahnung was ich hier falsch mache oder übersehe oder beides?

Das Board findet man hier http://www.d-ani.de/aav/index.php
Immer auf der Suche nach Boards die etwas Hilfe brauchen können...
Nach oben
Antworten

Zurück zu „Coding & Technik“