könnte mir jemand eine Uhr in Matrix Style machen
Oder in einer Sich selbst drehenden Kugel

Hallo,

ich habe dir eine digitale Uhr in Matrix Style gemacht:
<form name="eine_Form" action="">&nbsp;</form>
<script type="text/javascript">
<!--
var Schriftart = "Arial";
var Schriftgroesse = 2;
var Farbe_1 = "#006600";
var Farbe_2 = "#00CC00";
var Hoehe_Fenster = 0;
var keine_Angabe = 0;

if(window.innerHeight)
Hoehe_Fenster = window.innerHeight;
else if(document.body.clientHeight)
Hoehe_Fenster = document.body.clientHeight;
else if(document.documentElement.clientHeight)
Hoehe_Fenster = document.documentElement.clientHeight;
else
keine_Angabe++;

if(parseInt(document.eine_Form.offsetHeight)+""!="NaN")
{
var Hoehe_Schrift = document.eine_Form.offsetHeight;
document.eine_Form.style.display = "none";

document.write('\u003Cdiv style="width: 210px; height: '+Hoehe_Fenster+'px; position: absolute; top: 0px; left: 0px; overflow: hidden">');
for(var i=0;i<10;i++)
document.write('\u003Cform name="Matrixform" action="" style="text-align: center; position: absolute; top: '+Math.round(Math.random()*-50)*Hoehe_Schrift+'; left: '+(10+i*20)+'">&nbsp;\u003C/form>');
document.write('\u003C/div>');
}

function Matrixuhr()
{
var Datum = new Date();
var Stunden = Datum.getHours();
var Minuten = Datum.getMinutes();
var Sekunden = Datum.getSeconds();

if(Stunden<10)
Stunden = "0"+Stunden;
if(Minuten<10)
Minuten = "0"+Minuten;
if(Sekunden<10)
Sekunden = "0"+Sekunden;

var Zeit = Stunden+":"+Minuten+":"+Sekunden;

for(var i=1;i<(Zeit+"*").lastIndexOf("*");i+=5)
Zeit = Zeit.substring(0,i)+"\u003Cbr>"+Zeit.substring(i);
Zeit = '\u003Cfont face="'+Schriftart+'" size="'+Schriftgroesse+'">'+Zeit.substring(0,(Zeit+"*").lastIndexOf("*")-1).fontcolor(Farbe_1)+Zeit.substring((Zeit+"*").lastIndexOf("*")-1).fontcolor(Farbe_2)+"\u003C/font>";

for(var i=0;i<10;i++)
{
document.Matrixform[i].innerHTML = Zeit;
document.Matrixform[i].style.top = parseInt(document.Matrixform[i].style.top)+Hoehe_Schrift+"px";

if(parseInt(document.Matrixform[i].style.top)>Hoehe_Fenster)
document.Matrixform[i].style.top = Math.round(Math.random()*-10)*Hoehe_Schrift-document.Matrixform[i].offsetHeight;
}

window.setTimeout("Matrixuhr()",200);
}
if((keine_Angabe<1)&&(parseInt(document.eine_Form.offsetHeight)+""!="NaN")&&(document.eine_Form.innerHTML))
Matrixuhr();
//-->
</script>
Die Zeit in den Matrix' wird im hh:mm:ss Format ausgegeben und aktualisiert sich fortlaufend.

Im rot geschriebenen Bereich kannst du die Schriftart, die Schriftgröße und die zwei Farben (Hexadezimalschreibweise mit # Raute oder Farbnamen) der Matrix einstellen. Die grün geschriebene Zahl gibt die Zeitabstände (in Millisekunden) an, in der die Matrix' um eins nach unten wandern.

Dieses Javascript funktioniert in allen Browsern, die CSS 2.0 unterstützen, offsetHeight und innerHTML kennen und die Fenstergröße bestimmen können (modernere Browser können das eh alles). W3C validiert ist das Javascript natürlich auch wieder

Cool vielen Dank

hallo,

ich finde diese Uhr auch ganz klasse
aber ich habe eine hp bei: de.tl
wie füge ich die dort genau ein?

Da musst du deine Seite im HTML-Modus bearbeiten und den Javascript Code an der entsprechenden Stelle einfügen.

Hallo,

könnten sie vl ein bild oder so machen?,
da ich das nicht wirklich kapiere
lg
ich würde ihnen sehr danken

Aber sicher

Am Besten erkläre ich dir, wie ich es früher auch immer gemacht habe Da ich leider kein Mitglied von de.tl bin, habe ich Bilder von dem Login Bereich von homepage.eu gemacht.


Als Erstes öffnest du deine Seite ganz normal mit einem Editor von de.tl:

Jetzt suchst du auf deiner Seite die Stelle, an der du das Javascript platzieren möchtest (bei der Matrix-Uhr ist es eigentlich egal, wo) und markierst diese Stelle mit einem Text:

Nachdem du die Stelle mit dem Text markiert hast, speicherst du die Änderungen und öffnest deine Seite im HTML-Modus. Das Icon für den HTML-Modus wird bei de.tl wahrscheinlich ähnlich, wie hier aussehen:

Und zuguterletzt suchst du in dem Textfeld vom HTML-Editor den Markierungstext, löschst ihn und fügst stattdessen das Javascript ein:

Ich hoffe, ich konnte dir helfen

Moment, wenn du bei de.tl bist, darf das Javascript keinen \ Backslash enthalten, weil der von de.tl automatisch entfernt wird.

Hier der Code für de.tl:
<form name="eine_Form" action="">&nbsp;</form>
<script type="text/javascript">
<!--
var Schriftart = "Arial";
var Schriftgroesse = 2;
var Farbe_1 = "#006600";
var Farbe_2 = "#00CC00";
var Hoehe_Fenster = 0;
var keine_Angabe = 0;
var lt = unescape("%3C");

if(window.innerHeight)
Hoehe_Fenster = window.innerHeight;
else if(document.body.clientHeight)
Hoehe_Fenster = document.body.clientHeight;
else if(document.documentElement.clientHeight)
Hoehe_Fenster = document.documentElement.clientHeight;
else
keine_Angabe++;

if(parseInt(document.eine_Form.offsetHeight)+""!="NaN")
{
var Hoehe_Schrift = document.eine_Form.offsetHeight;
document.eine_Form.style.display = "none";

document.write(lt+'div style="width: 210px; height: '+Hoehe_Fenster+'px; position: absolute; top: 0px; left: 0px; overflow: hidden">');
for(var i=0;i<10;i++)
document.write(lt+'form name="Matrixform" action="" style="text-align: center; position: absolute; top: '+Math.round(Math.random()*-50)*Hoehe_Schrift+'; left: '+(10+i*20)+'">&nbsp;'+lt+'/form>');
document.write(lt+'/div>');
}

function Matrixuhr()
{
var Datum = new Date();
var Stunden = Datum.getHours();
var Minuten = Datum.getMinutes();
var Sekunden = Datum.getSeconds();

if(Stunden<10)
Stunden = "0"+Stunden;
if(Minuten<10)
Minuten = "0"+Minuten;
if(Sekunden<10)
Sekunden = "0"+Sekunden;

var Zeit = Stunden+":"+Minuten+":"+Sekunden;

for(var i=1;i<(Zeit+"*").lastIndexOf("*");i+=5)
Zeit = Zeit.substring(0,i)+lt+"br>"+Zeit.substring(i);
Zeit = lt+'font face="'+Schriftart+'" size="'+Schriftgroesse+'">'+Zeit.substring(0,(Zeit+"*").lastIndexOf("*")-1).fontcolor(Farbe_1)+Zeit.substring((Zeit+"*").lastIndexOf("*")-1).fontcolor(Farbe_2)+lt+'/font>';

for(var i=0;i<10;i++)
{
document.Matrixform[i].innerHTML = Zeit;
document.Matrixform[i].style.top = parseInt(document.Matrixform[i].style.top)+Hoehe_Schrift+"px";

if(parseInt(document.Matrixform[i].style.top)>Hoehe_Fenster)
document.Matrixform[i].style.top = Math.round(Math.random()*-10)*Hoehe_Schrift-document.Matrixform[i].offsetHeight;
}

window.setTimeout("Matrixuhr()",200);
}
if((keine_Angabe<1)&&(parseInt(document.eine_Form.offsetHeight)+""!="NaN")&&(document.eine_Form.innerHTML))
Matrixuhr();
//-->
</script>