PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Zeitanzeige Navbar


MikeD
12.08.2007, 12:52
JS Funktion
Für die automatische Aktualisierung der Uhrzeit gibt es in JavaScript den Timer. Ein Timer ist eine Art Stoppuhr, der man eine Zahl von Millisekunden und den Namen einer Funktion übergibt. Ist die Zeit abgelaufen, so wird die angegebene Funktion gestartet.
CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

Hier wird also die Funktion zeige_zeit() nach 1000 Millisekunden bzw. 1 Sekunde aufgerufen. Diese Zeile hängt man einfach ans Ende der Funktion und schon wird sie jede Sekunde aufgerufen...

Beispiel:
CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

Die Genauigkeit dieser Uhr ist natürlich von der Genauigkeit der Uhr auf dem jeweiligen Rechner abhängig. Zusätzlich kommt noch hinzu, dass wir die Uhr nur 1 mal pro Sekunde aktualisieren. Da dies in der letzten Millisekunde liegen könnte, weicht die Uhr eventuell auch um knapp 1 Sekunde von der eingebauten Uhr ab.

Ein kleiner Schönheitsfehler ist die Tatsache, dass die Minuten und Sekunden mal eine, mal zwei Stellen benötigen. Das läßt sich aber mit einer einfachen Fallunterscheidung lösen:

CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

Wenn die Zahl der Sekunden kleiner ist als 10, dann wird einfach eine 0 vorangestellt, wodurch immer eine zweistellige Sekundenzahl gewähleistet ist.

Einbindung Template 'Navbar'
Dieser JS Code ermöglicht, so wie hier auf diesem Board, die aktuelle Zeit mit KW Anzeige innerhalb der Welcome Box anzuzeigen. Der Code ist nicht von mir. Ich habe diesen auf vB Org gefunden. Die einzige Anpassungen von mir war die KW Anzeige. Viel Spaß damit!

Template navbar Suche:
PHP:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

Nachfolgend verschiedene JS Code Variationen...

Code 1 Darunter Einfügen:
CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

Ergebnis Code 1=> Siehe Bild Clock Navbar


Code 2 Darunter Einfügen:
CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

Ergebnis Code 2=> Siehe Bild Clock Navbar1


Code 3 Darunter Einfügen:
CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

Ergebnis für Code 3 => Siehe Bild Clock Navbar2

MikeD
16.08.2007, 12:18
Ein Screeny wäre nich schlecht :)Update! Habs etwas übersichtlicher geschrieben :) Viel Spaß

René Kunze
23.08.2007, 23:04
Ich hätte noch ein was etwas anders aussieht.

CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

Es sieht dann so aus: 1597

BigG
23.08.2007, 23:06
René ist dieses denn auch vailde ? ;)

René Kunze
23.08.2007, 23:14
Soviel ich weiß ja, kannst Du aber gerne überprüfen.