Startseite Forum
Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:
Passwort vergessen? Benutzername vergessen?
Auf Thema antworten
Neues Thema
  • Seite:
  • 1

THEMA: Coole Uhr

Coole Uhr 2 Jahre, 4 Monate her #1335

  • ~JVS~
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 4
  • Karma: 0
könnte mir jemand eine Uhr in Matrix Style machen
Oder in einer Sich selbst drehenden Kugel
Antwort Zitieren

Coole Uhr 2 Jahre, 4 Monate her #8052

  • Super_Mario
  • OFFLINE
  • Platinum Boarder
  • Beiträge: 623
  • Karma: 35
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
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!
Antwort Zitieren

Coole Uhr 2 Jahre, 4 Monate her #8053

  • ~JVS~
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 4
  • Karma: 0
Cool vielen Dank
Antwort Zitieren

Aw: Coole Uhr 2 Jahre her #8619

  • 1Servus1
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 3
  • 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?
Antwort Zitieren

Aw: Coole Uhr 2 Jahre her #8620

  • Super_Mario
  • OFFLINE
  • Platinum Boarder
  • Beiträge: 623
  • Karma: 35
Da musst du deine Seite im HTML-Modus bearbeiten und den Javascript Code an der entsprechenden Stelle einfügen.
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!
Antwort Zitieren

Aw: Coole Uhr 2 Jahre her #8622

  • 1Servus1
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 3
  • 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
Antwort Zitieren

Aw: Coole Uhr 2 Jahre her #8630

  • Super_Mario
  • OFFLINE
  • Platinum Boarder
  • Beiträge: 623
  • Karma: 35
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:
HTML_Modus1.gif


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:
HTML_Modus2.gif


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:
HTML_Modus3.gif


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




Ich hoffe, ich konnte dir helfen
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!
Letzte Änderung: 2 Jahre her von Super_Mario.
Antwort Zitieren

Aw: Coole Uhr 2 Jahre her #8633

  • Super_Mario
  • OFFLINE
  • Platinum Boarder
  • Beiträge: 623
  • Karma: 35
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>
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!
Antwort Zitieren
Auf Thema antworten
Neues Thema
  • Seite:
  • 1
Javascript Forum
Sonstiges
Kurse, Tutorials und Zeug zum lernen
Powered by Kunena
Ladezeit der Seite: 0.47 Sekunden

Login

Aktuell im Forum

mehr