Startseite Forum
Willkommen, Besucher
Bitte anmelden oder registrieren.    Passwort vergessen?
Zum Ende gehenSeite: 1
THEMA: Coole Uhr
#1335
Coole Uhr vor 11 Monaten Karma: 0
könnte mir jemand eine Uhr in Matrix Style machen
Oder in einer Sich selbst drehenden Kugel
~JVS~
~JVS~
Fresh Boarder
Beiträge: 4
graphgraph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
 
#8052
Coole Uhr vor 11 Monaten Karma: 27
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
Super_Mario
Super_Mario
Platinum Boarder
Beiträge: 561
graphgraph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Geschlecht: männlich Mario & Luigis wunderbare Welt Ort: Wien Geburtstag: 04.02
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!
 
#8053
Coole Uhr vor 11 Monaten Karma: 0
Cool vielen Dank
~JVS~
~JVS~
Fresh Boarder
Beiträge: 4
graphgraph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
 
#8619
Aw: Coole Uhr vor 7 Monaten, 1 Woche Karma: 0
hallo,

ich finde diese Uhr auch ganz klasse
aber ich habe eine hp bei: de.tl
wie füge ich die dort genau ein?
1Servus1
1Servus1
Fresh Boarder
Beiträge: 3
graphgraph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
 
#8620
Aw: Coole Uhr vor 7 Monaten, 1 Woche Karma: 27
Da musst du deine Seite im HTML-Modus bearbeiten und den Javascript Code an der entsprechenden Stelle einfügen.
Super_Mario
Super_Mario
Platinum Boarder
Beiträge: 561
graphgraph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Geschlecht: männlich Mario & Luigis wunderbare Welt Ort: Wien Geburtstag: 04.02
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!
 
#8622
Aw: Coole Uhr vor 7 Monaten, 1 Woche Karma: 0
Hallo,

könnten sie vl ein bild oder so machen?,
da ich das nicht wirklich kapiere
lg
ich würde ihnen sehr danken
1Servus1
1Servus1
Fresh Boarder
Beiträge: 3
graphgraph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
 
#8630
Aw: Coole Uhr vor 7 Monaten Karma: 27
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
Super_Mario
Super_Mario
Platinum Boarder
Beiträge: 561
graphgraph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Geschlecht: männlich Mario & Luigis wunderbare Welt Ort: Wien Geburtstag: 04.02
Letzte Änderung: 02.02.2010 02:13 von Super_Mario.
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!
 
#8633
Aw: Coole Uhr vor 7 Monaten Karma: 27
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>
Super_Mario
Super_Mario
Platinum Boarder
Beiträge: 561
graphgraph
Benutzer offline Hier klicken, um das Profil dieses Benutzers zu sehen
Geschlecht: männlich Mario & Luigis wunderbare Welt Ort: Wien Geburtstag: 04.02
Kein öffentlicher Schreibzugriff erlaubt, bitte erst registrieren!
liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!
 
Zum Anfang gehenSeite: 1

Login

Letzte Beiträge

Aw: Alles über dich ;-)
HamsterPvP 6.9.2010 16:05
Geil!! auch wenn ein kleines bisschen ÜBER...

Navigation ändert sich
HamsterPvP 5.9.2010 12:42
Tach also ich bin jetzt nicht gerade der pr...

Aw: Satt Tool nur Link sichtbar
micha 2.9.2010 23:22
Bei welchen Scripts gibts genau Probleme und b...

Satt Tool nur Link sichtbar
RikeA 2.9.2010 18:00
Hallo, ich bewege mich noch auf recht dünne...

Aw: Script für wechselnde Nachrichten.
Mike50 31.8.2010 11:09
Hallo Super Mario, dein Script um Content-M...

Aw: Script für wechselnde Nachrichten.
Super_Mario 27.8.2010 23:15
Hallo, tut mir leid, dass die Antwort erst ...

Aw: Runde Ecken bei vertikaler Bildlaufleiste
Super_Mario 27.8.2010 22:28
Hallo, nein, die Möglichkeit gibt's leider ...

Aw: window.open - Problem mit location und status
Super_Mario 27.8.2010 20:56
Hallo, das liegt nicht an dir, sondern am B...

Aw: Noch ein JavaScript-Problem
Super_Mario 27.8.2010 20:26
Komisch, bei mir läuft's ohne Probleme Hast ...

Aw: fade in/out beim scrollen
Super_Mario 27.8.2010 20:14
Hallo, ist das das Script von MooTools, wo ...

mehr...