Aktuelle Uhrzeit - auf die sekunde genau ?

    Hallo,

    ich bin gerade auf http://www.dr-kuepper-haus.de/start.htmgekommen (durch reinen zufall) und da hab ich dies Uhr gesehen die auf die Sekunde genau geht ... nun würd ich aber gerne wiseen wie die geht denn die gefällt mir ;)

    wenn einer eine den oder einen ähnlichen Code hat bitte mir sagen währe echt nett von euch ;)

    MFG hhspre

    Oh yes - its a real hhspre :-))

    narf...guckstu halt im quellcode der seite und findest du das script hier

    <SCRIPT language=JavaScript>


    dCol='0033CC';//date colour.

    fCol='CC3300';//face colour.

    sCol='000000';//seconds colour.

    mCol='000000';//minutes colour.

    hCol='000000';//hours colour.

    ClockHeight=40;

    ClockWidth=40;

    ClockFromMouseY=0;

    ClockFromMouseX=100;


    //Alter nothing below! Alignments will be lost!


    d=new Array("SONNTAG","MONTAG","DIENSTAG","MITTWOCH","DONNERSTAG","FREITAG","SAMSTAG");

    m=new Array("JANUAR","FEBRUAR","MAERZ","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[i]=0;x[i]=0;Y[i]=0;X[i]=0}


    Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();


    for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i].style;

    F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*http://Math.PI/180)+scrll;

    F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*http://Math.PI/180);

    }

    for (i=0; i < H.length; i++){

    var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;

    HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;

    HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);

    }

    for (i=0; i < M.length; i++){

    var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;

    ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;

    ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);

    }

    for (i=0; i < S.length; i++){

    var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;

    SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;

    SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);

    }

    for (i=0; i < D.length; i++){

    var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;

    DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*http://Math.PI/180)+scrll;

    DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*http://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[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);

    Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*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[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);

    x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

    }

    ClockAndAssign();

    setTimeout('Delay()',20);

    }

    if (ns||ie)window.onload=Delay;

    </SCRIPT>

    das du dann in deine seite innen body reinbaust.

    Wenn Du den Quelltext des Frames anzeigst, findest Du das JavaScript, wie man das macht ;) Binde einfach folgenden Quellcode in Deine Seite ein.

    Hey leude dickes *danke* ;) awa soll ich den ganzen fette code in den <Head> einfügen ?? muss das echt son riesiger code sein ?

    Trotzdem riesengroßes danke ;)

    Oh yes - its a real hhspre :-))

    erst ma sorry das ich so lange net geschrieben hab ... war im urlaub ... und da hatten se kein internet :(

    ...danke jungs das ihr mir geholfen habt ... leider hab ich aber das nicht gesucht :(

    Ich hab auf der Seite : http://www.dr-kuepper-haus.de/start.html meinte ich nicht die uhr sie sich um den zeiger dreht ... sondern die schwarz grüne ... die uhr (und datum ) die auf der Linken seite so ziemlich weit unten ist ...

    Wenn ihr AUCH einen code dafür wüsted ;) ... währe ich auch sehr dankbaE ;) ...

    MFG hhspre

    Oh yes - its a real hhspre :-))

    auf die seite gehen, in deinem browser auf 'Ansicht' und dann Quelltext anzeigen... da findest du alles, was du brauchst!

    Dulden hat noch lange nichts mit Toleranz zu tun!

    Toleranz heißt akzeptieren und unterstützen, weniger ist Dulden!