Uhr einfügen

LordDestrukt · 1 April 2005

Uhr einfÃ¼gen

Hoi such nen Scriptfile damit ich ne Uhr einfÃ¼gen kann, die die Richtige Zeit anzeigt...

ingoS · 1 April 2005

Wie stellst du dir das vor? Du mÃ¼sstest ja irgendwo einen Server mit einer richtig gehenden Uhr haben, denn die Zeit muss ja irgendwo herkommen. Dazu mÃ¼sstest du also Ã¼ber den Server, auf dem deine Seite ist, Bescheid wissen (gesetzt der Fall, du hast keinen eigenen bei dir rumstehen, denn Ã¼ber den wirst du wahrscheinlich schon Bescheid wissen), denn die richtig gehende Uhr mÃ¼sste ja fÃ¼r das, was du vorhast schon irgendwo vorhanden sein. Und das geht auf gar keinen Fall mit purem JavaScript (mein Verdacht fÃ¤llt auf PHP, aber davon habe ich keine Ahnung).

Mr. DHTML · 2 April 2005

es geht zwar auch mit javascript, aber guck mal bei selfhtml!!!! :twisted:

slim_jari · 2 April 2005

hier gibt's ein paar uhren in java script: http://traci.de/javascript/
musst unten auf Uhren klicken

lord3490 · 2 April 2005

der code ist nicht von mir... hab ich irgentwo gefunden...

Code:

<!doctype html public "-//w3c//dtd html 4.0 transitional//en"> 
<html> 
<head> 
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
   <meta name="Author" content="Hans W. Hartmann"> 
   <meta name="GENERATOR" content="Mozilla/4.7 [de]C-CCK-MCD QXW0322s  (WinNT; I) [Netscape]"> 
   <title>Uhr</title> 

<script language="JavaScript"> 
<!-- vor alten Browsern verstecken 

function DatumZeit() { 

// 1. zwei Textfelder definieren 
var ZeitString, DatumsString; 

// 2. ein Datumsobjekt definieren 
Jetzt = new Date(); 

// 3. aktuelle Uhrzeit besorgen 
Stunden = Jetzt.getHours(); 
Minuten = Jetzt.getMinutes(); 
Sekunden = Jetzt.getSeconds(); 

// 4. Uhrzeit optisch aufbereiten 
//    So kann man es machen 
if (Stunden < 10) 
  ZeitString = "0"+Stunden; 
else 
  ZeitString = Stunden; 
if (Minuten < 10) 
  ZeitString = ZeitString+":0"+Minuten; 
else 
  ZeitString = ZeitString+":"+Minuten; 
//    So macht es der Profi 
ZeitString += ( (Sekunden < 10)? ":0":":" )+Sekunden; 

// 5. Uhrzeit in das Formularfeld stellen 
document.Uhr.Zeit.value = ZeitString; 

// 6. Datum besorgen 
Tag = Jetzt.getDate(); 
Monat = Jetzt.getMonth()+1; 
Jahr =Jetzt.getFullYear(); 

// 7. Datum optisch aufbereiten 
DatumsString = ""; 
DatumsString += ( (Tag < 10)? "0":"" )+Tag; 
DatumsString += ( (Monat < 10)? ".0":"." )+Monat; 
DatumsString += "."+Jahr; 

// 8. Datum in das Formularfeld stellen 
document.Uhr.Datum.value = DatumsString; 

// 9. Die Funktion immer wieder aufrufen 
Timer = setTimeout("DatumZeit()",1000);

} 

// wieder anzeigen --> 
</script> 

</head> 
<body onLoad="DatumZeit()">
<form name="Uhr">Jetzt ist es<input type="text" name="Zeit" size="8" value=""> 
Uhr am<input type="text" name="Datum" size=10= value=""></form> 
</body> 
</html>

MissSixty · 3 April 2005

hier hab ich auch ne schÃ¶ne uhr fÃ¼r dich

SCRIPT language=JavaScript>dCol='FFFFFF';
fCol='FFFFFF';
sCol='FFFFFF';
mCol='FFFFFF';
hCol='FFFFFF';
ClockHeight=35;ClockWidth=35;ClockFromMouseY=50;ClockFromMouseX=-100;
d=new Array("SONNTAG","MONTAG","DIENSTAG","MITTWOCH","DONNERSTAG","FREITAG","SONNABEND");m=new Array("JANUAR","FEBRUAR","MÃ„RZ","APRIL","MAI","JUNI","JULI","AUGUST","SEPTEMBER","OKTOBER","NOVEMBER","DEZEMBER");date=new Date();day=date.getDate();year=date.getYear();if(year<2000)year=year+1900;TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;D=TodaysDate.split('');H='...';H=H.split('');M='....';M=M.split('');S='.....';S=S.split('');Face='1 2 3 4 5 6 7 8 9 10 11 12';font='Arial';size=1;speed=0.6;ns=(document.layers);ie=(document.all);Face=Face.split(' ');n=Face.length;a=size*10;ymouse=0;xmouse=0;scrll=0;props="<font face="+font+" size="+size+" color="+fCol+">";props2="<font face="+font+" size="+size+" color="+dCol+">";Split=360/n;Dsplit=360/D.length;HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;HandX=-2.5;scrll=0;step=0.06;currStep=0;y=new Array();x=new Array();Y=new Array();X=new Array();for(i=0;i<n;i++){y=0;x=0;Y=0;X=0}Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();for(i=0;i<D.length;i++){Dy=0;Dx=0;DY=0;DX=0}if(ns){for(i=0;i<D.length;i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D+'</font></center></layer>');for(i=0;i<n;i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face+'</font></center></layer>');for(i=0;i<S.length;i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center>'+S+'</center></font></layer>');for(i=0;i<M.length;i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center>'+M+'</center></font></layer>');for(i=0;i<H.length;i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center>'+H+'</center></font></layer>');}if(ie){document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for(i=0;i<D.length;i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D+'</font></div>');document.write('</div></div>');document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for(i=0;i<n;i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face+'</font></div>');document.write('</div></div>');document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for(i=0;i<H.length;i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H+'</div>');document.write('</div></div>');document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for(i=0;i<M.length;i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M+'</div>');document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for(i=0;i<S.length;i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S+'</div>');document.write('</div></div>')}(ns)?window.captureEvents(Event.MOUSEMOVE):0;function Mouse(evnt){ymouse=(ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;xmouse=(ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;}(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;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;if(ie){Od.style.top=window.document.body.scrollTop;Of.style.top=window.document.body.scrollTop;Oh.style.top=window.document.body.scrollTop;Om.style.top=window.document.body.scrollTop;Os.style.top=window.document.body.scrollTop;}for(i=0;i<n;i++){var F=(ns)?document.layers['nsFace'+i]:ieFace.style;F.top=y+ClockHeight*Math.sin(-1.0471+i*Split*Math.PI/180)+scrll;F.left=x+ClockWidth*Math.cos(-1.0471+i*Split*Math.PI/180);}for(i=0;i<H.length;i++){var HL=(ns)?document.layers['nsHours'+i]:ieHours.style;HL.top=y+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;HL.left=x+HandX+(i*HandWidth)*Math.cos(hrs);}for(i=0;i<M.length;i++){var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes.style;ML.top=y+HandY+(i*HandHeight)*Math.sin(min)+scrll;ML.left=x+HandX+(i*HandWidth)*Math.cos(min);}for(i=0;i<S.length;i++){var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds.style;SL.top=y+HandY+(i*HandHeight)*Math.sin(sec)+scrll;SL.left=x+HandX+(i*HandWidth)*Math.cos(sec);}for(i=0;i<D.length;i++){var DL=(ns)?document.layers['nsDate'+i]:ieDate.style;DL.top=Dy+ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;DL.left=Dx+ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);}currStep-=step;}function Delay(){scrll=(ns)?window.pageYOffset:0;Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);for(i=1;i<D.length;i++){Dy=Math.round(DY+=(Dy[i-1]-DY)*speed);Dx=Math.round(DX+=(Dx[i-1]-DX)*speed);}y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);for(i=1;i<n;i++){y=Math.round(Y+=(y[i-1]-Y)*speed);x=Math.round(X+=(x[i-1]-X)*speed);}ClockAndAssign();setTimeout('Delay()',30);}if(ns||ie)window.onload=Delay;</SCRIPT>

ingoS · 3 April 2005

Ich habe das so verstanden, dass er eine Uhr einbauen will, die eben die offiziell richtige Zeit anzeigt und nicht die Zeit der hÃ¤ufig falsch gehenden PC-Uhr des jeweiligen Benutzers. Und das geht auf keinen Fall mit JavaScript.

MissSixty · 3 April 2005

hm achso wuÃŸte gar nicht des es wgen der falsch eingestellten pc uhr jeweils falsch geht...

LArus · 4 April 2005

in welchem Format senden denn die Server der Atomuhren... oder besser... welche Info ruft der Rechner da ab? kÃ¶nnte man nicht einfach die Page einmalig beim Ã¶ffnen diese Uhr abfragen und dann per Timer jede Sekunde weiterlaufen lassen?

kahremst · 5 Juni 2005

wird des dann nicht zuugenau???

Uhr einfügen

LordDestrukt

Neues Mitglied

ingoS

Aktives Mitglied

Mr. DHTML

Neues Mitglied

slim_jari

Neues Mitglied

lord3490

Neues Mitglied

MissSixty

Neues Mitglied

ingoS

Aktives Mitglied

MissSixty

Neues Mitglied

LArus

Neues Mitglied

kahremst

Neues Mitglied

Neueste Beiträge