Paradise-Quotient: 65.8 Dabei seit 01.07.2006 Wohnort: CH
Paradise Resort Candid - Master
aktuelles Datum mit Javascript | 06.03.07
Mal schauen ob mir jemand helfen kann...
...aber ich denke für PoMan sollte das kein Problem sein,
oder vielleicht hat's ja auch noch andere talentierte Programmierer hier an "Board"
Zumindest kannst Du mir sagen ob das so möglich ist, oder nicht,
was ich da wünsche, also:
Ich müsste auf einer Site mit Javascript immer das aktuelle Datum mit
Wochentag anzeigen lassen, soweit so gut. Das Javascript hab ich, jedoch
möchte ich da noch was zusätzliches anzeigen lassen.
Also hier mal zuerst das Javascript für die aktuelle Datumsangabe mit Wochentag,
darunter in gelb dann gleich die Ausgabe, eben wie es aussieht:
CODE:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
<html>
<body>
<script type="text/javascript">
var d=new Date()
var weekday=new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag")
var monthname=new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember")
document.write(weekday[d.getDay()] + " ")
document.write(d.getDate() + ". ")
document.write(monthname[d.getMonth()] + " ")
document.write(d.getFullYear())
</script>
</body>
</html>
also, das Resultat, bzw. Javascript spuckt mir folgendes aus mit obigem Code: Dienstag 6. März 2007
Nun meine Frage:
Ist es möglich, dass ich unmittelbar nach der Tagesangabe ein "Komma" anzeigen lassen kann?
und kann man bei der Tagesdatumsangabe bei den Zahlen 1 bis 9 eine Null davor setzen?
Damit dann das so aussieht: Dienstag, 06. März 2007
Wenn ja wo muss ich da was im Javascript-Code anpassen?
Also ich denke...nach der Tagesdatumsangabe wird ja auch ein "Punkt" geschrieben,
also sollte doch auch ein Komma nach dem Wochentag möglich sein und das mit der "0" bei den Zahlen
1-9 wäre auch toll.
Ups...bin ich blö..., jetzt hab ich einfach zu weit gedacht, dabei ist's ja so einfach mit dem Komma.
Ich schreib das Komma doch einfach hin im Code, zu den Wochentagen, also so:
CODE:
1:
new Array("Sonntag,","Montag,","Dienstag,","Mittwoch,","Donnerstag,","Freitag,","Samstag,")
...kann man übrigens hier gleich 1zu1 praktisch ausprobieren.
Aber das mit dem "0" bei den Zahlen 1-9 könnte schwieriger werden, denn ich denke das man das hinkriegt,
jedoch dann die null auch bei den 2-stelligen Zahlen sichtbar wird, z.B. so Dienstag, 013. März 2007
Das wäre ja nicht so toll.
Für Hilfe wäre ich sehr dankbar.
Wäre natürlich auch dankbar wenn mir jemand bestätigen kann,
dass es nicht geht, somit weiss ich dann, dass ich mich weiter nicht bemühen muss.
Aber vielleicht geht das ja.
<html>
<head>
<title>Aktuelles Datum und Uhrzeit mit Javascript</title>
</head>
<body style="background-color:#000000;">
<span id="pmdate" style="font-family:Comic Sans MS;font-size:18px;font-weight:bold;color:#ffff00;"></span>
<script type='text/javascript'>
<!--
wmonat=new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember");
wtag=new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
function tick()
{
var dat=new Date(), dwt=wtag[dat.getDay()], dta=dat.getDate(), dmo=wmonat[dat.getMonth()], dja=dat.getFullYear();
var st=dat.getHours(), mi=dat.getMinutes(), se=dat.getSeconds();
if (dta<10) {dta="0"+dta;}
if (st<10) {st="0"+st;}
if (se<10) {se="0"+se;}
if (mi<10) {mi="0"+mi;}
daz = dwt+", "+dta+". "+dmo+" "+dja;
// Falls die Zeit nicht gewünscht wird, einfach auskommentieren
daz +=" - "+st+":"+mi+":"+se;
// oben ist der span-Tag mit id "pmdate", dort wird die Zeitanzeige mit nachfolgendem Crossbrowser-Befehl geschrieben
document.getElementById('pmdate').innerHTML = daz;
// Aufruf der Funktion alle 1000ms(=1s); kann auskommentiert werden falls keine aktuelle Zeitanzeige gebraucht wird.
window.setTimeout("tick()", 1000);
}
tick();
//-->
</script>
</body>
</html>
Paradise-Quotient: 65.8 Dabei seit 01.07.2006 Wohnort: CH
Paradise Resort Candid - Master
...hey...fantastisch, vielen vielen Dank.
Hast mir jetzt sicher paar Stunden Zeit eingespart
Und wie ich gesehen habe, wird das mit den Nullen
für die Zahlen 1-9 und die anderen eben ohne nullen auch
funktioniren, da ist der Teil schön definiert mit "if", grösser, kleiner als...
CODE:
1:
2:
3:
4:
if (dta<10) {dta="0"+dta;}
if (st<10) {st="0"+st;}
if (se<10) {se="0"+se;}
if (mi<10) {mi="0"+mi;}
...die Zeit werde ich noch raus nehmen, ansonsten kann ich es
ja 1zu1 übernehmen...sehr sehr gut...merci...
<html>
<head>
<title>eagleeye datum</title>
<script language="JavaScript">
<!--
var TheFontFace = "Arial";
var TheFontColor = "#0000000";
var TheFontSize = "12";
var TheFontStyle = "bold";
var Trennungszeichen = ".";
var Tage = new Array("Sonntag,","Montag,","Dienstag,","Mittwoch,","Donnerstag,","Freitag,","Samstag,");
var Datum = new Date();
var Wochentag = Datum.getDay();
var Day ="";
Day = Tage[Wochentag];
Day += " ";
var Monat = Datum.getMonth() + 1;
if (Monat < 10) Monat = "0" + Monat;
var Monattag = Datum.getDate();
if (Monattag < 10) Monattag= "0" + Monattag;
var jahr = Datum.getYear();
if (jahr < 1000) jahr += 1900;
var FontTagLeft = "";
var FontTagRight = "";
if (TheFontStyle == "bold"){
FontTagLeft = "<b>";
FontTagRight ="</b>";}
if (TheFontStyle == "italic"){
FontTagLeft = "<i>";
FontTagRight ="</i>";}
if (TheFontStyle == "bolditalic"){
FontTagLeft = "<b><i>";
FontTagRight = "</i></b>";}
var D = "";
D += "<font Color='"+TheFontColor+"' face='"+TheFontFace+"' size='"+TheFontSize+"'>";
D += FontTagLeft+Day+Monattag+Trennungszeichen+Monat+Trennungszeichen+jahr+FontTagRight;
D += "</font>";
document.write(D);
</script>
</head>
</iframe>
</body>
</html>
ich hätte da auch noch eine Lösung
Da war mein erstes Semester Javascript, Java doch nicht ganz umsonst *g*
Signatur
"Zwei Dinge sind unendlich: Das Universum und die menschliche Dummheit, aber bei dem Universum bin ich mir noch nicht ganz sicher."
"Der Horizont mancher Menschen ist ein Kreis mit dem Radius Null und sie nennen ihn ihren Standpunkt."
Albert Einstein
Paradise-Quotient: 64.8 Dabei seit 01.07.2006 Wohnort: EU-DE-BW-LB
Der Admin, der niemals schläft
Wieso steht da in Zeile 52 ein iframe-Tag?
Das gleiche gilt für den Body-Tag darunter. Beide Tags werden dort geschlossen, obwohl sie nicht geöffnet wurden.
Das ist auch nicht Regelkonform und veraltet
<script language="JavaScript">
Variablen muß man nicht ständig mit Var initialisieren, sondern kann das mit Komma mit beliebig vielen auf einen Rutsch.
Note: 4!
Und dem Code sieht man es an, dass er aus dem Studium stammt...so in etwa, wenn man mit dem in der Schule erlernten Oxford-Englisch einen Sprachurlaub in den USA verbringt.
Zwar 1A übersichtlich - aber so codet man überhaupt nicht praxisnah.
Alleine schon die ewig langen Variablen...aufgeblähter Code, etc.
Mein Code ist (ohne die Kommentare) ca.250 Bytes kleiner!
Aber nix für ungut...alleine das Ergebnis zählt.
Ich hatte übrigens auch einen kleinen Fehler...
CODE:
1:
2:
3:
4:
5:
6:
...
<head>
</head>
<title>Aktuelles Datum und Uhrzeit mit Javascript</title>
...
Richtig ist:
CODE:
1:
2:
3:
4:
5:
...
<head>
<title>Aktuelles Datum und Uhrzeit mit Javascript</title>
</head>
...
Hab es nachträglich korrigiert, auch wenns nur ein kleiner Schönheitsfehler war und vom Browser trotz allem richtig interpretiert wird.
Grüssle,
PoMan
Paradise-Quotient: 65.8 Dabei seit 01.07.2006 Wohnort: CH
Paradise Resort Candid - Master
...vielen Dank Euch beiden für die aktive Hilfe hier
Turgor, wenn es Dir recht ist, entscheide ich mich für PoMan's
Variante, dennoch vielen Dank...hier kann ich ja noch was lernen
@PoMan:
Könntest Du mir nicht nochmal den Code "liefern" ohne Zeit und
ohne Text-Formatierung. Die Textformatierung hab ich ja bereits.
Und die Kommentare kannst Du ja auch weglassen
...wäre super.
Also damit ich dann so was bekomme: Mittwoch, 07. März 2007
Dann kann ich das nur Kopieren und bei mir einfügen...
Danke im Voraus.
<html>
<head>
<title>Aktuelles Datum und Uhrzeit mit Javascript</title>
</head>
<body>
<script type='text/javascript'>
<!--
wmonat=new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember");
wtag=new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
function tick()
{
var dat=new Date(), dwt=wtag[dat.getDay()], dta=dat.getDate(), dmo=wmonat[dat.getMonth()], dja=dat.getFullYear();
if (dta<10) {dta="0"+dta;}
daz = dwt+", "+dta+". "+dmo+" "+dja;
document.write(daz);
}
tick();
//-->
</script>
</body>
</html>
Signatur
"Zwei Dinge sind unendlich: Das Universum und die menschliche Dummheit, aber bei dem Universum bin ich mir noch nicht ganz sicher."
"Der Horizont mancher Menschen ist ein Kreis mit dem Radius Null und sie nennen ihn ihren Standpunkt."
Albert Einstein
Paradise-Quotient: 50.9 Dabei seit 17.07.2006 Wohnort: Hamburg
Zitat von PoMan
Wieso steht da in Zeile 52 ein iframe-Tag?
Das gleiche gilt für den Body-Tag darunter. Beide Tags werden dort geschlossen, obwohl sie nicht geöffnet wurden.
Das ist auch nicht Regelkonform und veraltet
<script language="JavaScript">
Variablen muß man nicht ständig mit Var initialisieren, sondern kann das mit Komma mit beliebig vielen auf einen Rutsch.
Note: 4!
Und dem Code sieht man es an, dass er aus dem Studium stammt...so in etwa, wenn man mit dem in der Schule erlernten Oxford-Englisch einen Sprachurlaub in den USA verbringt.
Zwar 1A übersichtlich - aber so codet man überhaupt nicht praxisnah.
Alleine schon die ewig langen Variablen...aufgeblähter Code, etc.
Mein Code ist (ohne die Kommentare) ca.250 Bytes kleiner!
Aber nix für ungut...alleine das Ergebnis zählt.
Ich hatte übrigens auch einen kleinen Fehler...
CODE:
1:
2:
3:
4:
5:
6:
...
<head>
</head>
<title>Aktuelles Datum und Uhrzeit mit Javascript</title>
...
Richtig ist:
CODE:
1:
2:
3:
4:
5:
...
<head>
<title>Aktuelles Datum und Uhrzeit mit Javascript</title>
</head>
...
Hab es nachträglich korrigiert, auch wenns nur ein kleiner Schönheitsfehler war und vom Browser trotz allem richtig interpretiert wird.
Grüssle,
PoMan
da hab ich ein paar Leichtsinnsfehler drin, stimmt.
Aber wie du schon sagst, auf das Ergebnis kommt es an.
Bei meinem Script habe ich darauf geachtet, dass man es sehr leicht anpassen kann
Quick'n'dirty ist nicht immer das anwenderfreundlichste
Das mit den iframes habe ich so drin, keine Ahnung, was das ist. Ich schließe immer Tags, die es nicht gibt.
Das muss ich mir noch abgewöhnen.
Apropos Note: hatte in der Programmieren Klausur ne 1,0 !
Bewertet werden dabei Stil und Funktionalität!
Signatur
"Zwei Dinge sind unendlich: Das Universum und die menschliche Dummheit, aber bei dem Universum bin ich mir noch nicht ganz sicher."
"Der Horizont mancher Menschen ist ein Kreis mit dem Radius Null und sie nennen ihn ihren Standpunkt."
Albert Einstein
Paradise-Quotient: 64.8 Dabei seit 01.07.2006 Wohnort: EU-DE-BW-LB
Der Admin, der niemals schläft
Auweh! Ist ja nett von dir meinen Code etwas umzupfriemeln, aber das ging leicht daneben...
Der editierte Code ist absolut nicht darauf ausgelegt hier mit einem "document.write" das Ergebnis darzustellen.
Der komplette Code müsste damit genau an der Stelle stehen, wo das Datum erscheinen soll, zusätzlich hast Du noch die ganze Formatierung entfernt...
Also gut, dann nochmals hier richtig und ohne Zeitangabe:
<html>
<head>
<title>Aktuelles Datum mit Javascript</title>
</head>
<body style="background-color:#000000;">
<span id="pmdate" style="font-family:Comic Sans MS;font-size:18px;font-weight:bold;color:#ffff00;"></span>
<script type='text/javascript'>
<!--
wmonat=new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember");
wtag=new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
var dat=new Date(), dwt=wtag[dat.getDay()], dta=dat.getDate(), dmo=wmonat[dat.getMonth()], dja=dat.getFullYear();
if (dta<10) {dta="0"+dta;}
daz = dwt+", "+dta+". "+dmo+" "+dja;
document.getElementById('pmdate').innerHTML = daz;
//-->
</script>
</body>
</html>
Der span-TAG zur Anzeige des Datums kann an beliebiger Stelle auf der Seite stehen.
Der Javascript-Code muss auf jeden Fall hinter dem span-TAG stehen, am besten am Ende der HTML-Seite.
Mit dem style-Tag kannst Du die Anzeige beliebig formatieren. Wenn Du dazu noch Hilfe brauchst, schreib mir
wie Du es genau haben möchtest, ich machs dann klar.
@turgor: Wir können uns ja mal im Skriptsprachen-coden duellieren...
Paradise-Quotient: 50.9 Dabei seit 17.07.2006 Wohnort: Hamburg
Zitat von PoMan
Der editierte Code ist absolut nicht darauf ausgelegt hier mit einem "document.write" das Ergebnis darzustellen.
Der komplette Code müsste damit genau an der Stelle stehen, wo das Datum erscheinen soll, zusätzlich hast Du noch die ganze Formatierung entfernt...
Zitat von eagleeye
@PoMan:
Könntest Du mir nicht nochmal den Code "liefern" ohne Zeit und
ohne Text-Formatierung. Die Textformatierung hab ich ja bereits.
da stehts!
der code stellt das ergebnis sehr wohl mit document.write dar
und zwar ohne formatierung!
furzegal... funktionieren beide
Signatur
"Zwei Dinge sind unendlich: Das Universum und die menschliche Dummheit, aber bei dem Universum bin ich mir noch nicht ganz sicher."
"Der Horizont mancher Menschen ist ein Kreis mit dem Radius Null und sie nennen ihn ihren Standpunkt."
Albert Einstein
Paradise-Quotient: 64.8 Dabei seit 01.07.2006 Wohnort: EU-DE-BW-LB
Der Admin, der niemals schläft
Bitte mal genau lesen, was ich geschrieben hab - und nicht den gleichen Fehler machen wie ich: zu schnell drüberweg gelesen...
Die Zeile in der eagleeye schreibt, er hat bereits die vorhandene Textformatierung, hatte ich doch glatt überlesen...
Zum document.write:
Ich hab geschrieben, dass der Code nicht darauf ausgelegt ist das Ergebnis mit document.write darzustellen - das bedeutet nicht, dass document.write falsch ist.
Nach deiner (veralteteten) Methode musst Du den Javascript-Code komplett an die Stelle im HTML-Dokument einbauen, an der das Datum stehen soll.
document.write ist alte Klamottenkiste und hat nichts mit dynamischen Webinhalten(DHTML) zu tun. Was Du da im Studium gelernt hast ist schon lange überholt!
document.getElementById('pmdate').innerHTML spricht ein dynamisches Objekt an, welches an beliebiger Stelle auf der Webseite stehen kann und durch CSS zusätzlich völlig frei formatiert werden kann. Der Vorteil ist ausserdem, dass Du auf das Objekt nicht nur beliebig zugreifen, sondern auch den Inhalt und Formatierung wechseln kannst. Mach das mal mit document.write...
Soll ich dir ein wenig DHTML beibringen?
Als Referenz schau dir doch mal meine Homepage an, die ich bereits 2002 unter Verwendung von DHTML, CSS und Javascript fertiggestellt hab.
http://planet.potec.de
Da ist alles dynamisch...