Java Uhr

[Geltos]

Ich würde gerne auf meine Homepage eine Uhr einbauen die folgendermaßen aussehen soll:

Heute ist Sonntag , der 26.11.2006.Es ist 15:06 Uhr.
Dieser Monat hat 30 Tage.

leider habe ich überhaupt keine Ahnung von Javascript und habe auch bei google nicht gefunden wie man das so machen kann, dass die wichtigen sachen mit rot hervorgehoben sind.

Kann mir vielleicht einer von euch helfen?

 

[Commodore]

Ich vermute mal, du meinst JavaScript und nicht Java, daher:

Versuch es mit dem Date-Objekt: http://de.selfhtml.org/javascript/objekte/date.htm damit kannst du die Zeit und das Datum rausfinden. Die Funktion, die die Zeit ausgibt kannst du zudem mittels setInterval() nach einer bestimmten Zeit wieder aufrufen lassen. Den Wochentag bekommst du mit getDay raus und kansnt den Tag mit einem Array ausgeben lassen. Bei der Anzahl an Tagen musst du nur ausrechnen ob der Monat April, Juni, September oder November ist. Diese Monate haben 30 Tage, alle anderen (bis aus Februar) 31. Im Februar musst du noch ausrechnen ob das Jahr ein [wiki]Schaltjahr[/wiki] ist.

 

[Geltos]

aber bei denen funktionen bleibt die zeit einfach stehen, ich dachte bei javascript wäre es so, dass wenn die zeit sich verändert sich auch das auf der seite verändert

 

[Alti]

Commodore hat beschrieben wie man das ändert.
Außerdem solltest du keine fertigen Scripts nehmen, am besten du versuchst es selbst und machst deine Erfahrungen oder du passt ein fertiges Script nach deinen Bedürfnissen an.

MFG
Alti

 

[Geltos]

Jetzt sieht das so bei mir aus momentan:

<script type="text/javascript">
var jetzt = new Date();
var TagInWoche = jetzt.getDay();
var Wochentag = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch",
                          "Donnerstag", "Freitag", "Samstag");
document.write("Heute ist <font color='red'>" + Wochentag[TagInWoche] + "<\/font>, der ");

var jetzt = new Date();
var Tag = jetzt.getDate();
document.write("<font color='red'>" + Tag + ".");


var jetzt = new Date();
var Jahr = jetzt.getFullYear();
document.write(" " + Jahr + "<\/font. Es ist ");

var jetzt = new Date();
var Std = jetzt.getHours();
var Min = jetzt.getMinutes();
var StdAusgabe = ((Std < 10) ? "0" + Std : Std);
var MinAusgabe = ((Min < 10) ? "0" + Min : Min);
document.write("" + StdAusgabe + ":" + MinAusgabe + ":");


var Zaehler = 0;
function Anzeige () {
  var jetzt = new Date();
  var Sekunden = jetzt.getSeconds();
document.write(Sekunden + " Uhr");
}

Anzeige();
</script>

die ausgabe sieht jetzt so aus: Heute ist Sonntag, der 26. 2006

allerdings stand auf der seite nicht wie man den monat rausfindet, also die monatszahl (november=11) deswegen fehlt das noch zwischen 26. und 2006. was auch fehlt ist die zeit hinten, obwohl das doch eigentlich angezeigt werden müsste??

 

[Commodore]

Klar steht da, wie man den Monat rausfindet: http://de.selfhtml.org/javascript/objekte/date.htm#get_month

Allerdings ist der Code allgemein ziemlich gestaucht, du brauchst nur ein Date-Objekt zu erstellen und die Sekunden müssen nicht in eine Funktion rein.

 

[Geltos]

ja auf der seite wird der monat ausgeschrieben, ich brauch es ja aber in ner zahl. ich hab es in das geändert:

<script type="text/javascript">
var jetzt = new Date();
var Jahresmonat = jetzt.getMonth();
document.write(Jahresmonat);
</script>

aber da wird 10 angezeigt, es sollte aber eigentlich 11 sein :/

außerdem hab ich jetzt noch net richtig verstanden wie ich das mit dem aktualisierten mit setInterval() machen soll, wo genau soll ich das jetzt einbauen? mein code sieht jetzt momentan so aus:

<script type="text/javascript">
var jetzt = new Date();
var TagInWoche = jetzt.getDay();
var Wochentag = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch",
                          "Donnerstag", "Freitag", "Samstag");
document.write("Heute ist <font color='red'>" + Wochentag[TagInWoche] + "<\/font>, der ");

var Tag = jetzt.getDate();
document.write("<font color='red'>" + Tag + ".");


var Jahr = jetzt.getFullYear();
document.write(" " + Jahr + "<\/font>. Es ist ");

var Std = jetzt.getHours();
var Min = jetzt.getMinutes();
var StdAusgabe = ((Std < 10) ? "0" + Std : Std);
var MinAusgabe = ((Min < 10) ? "0" + Min : Min);
document.write("<font color='red'>" + StdAusgabe + ":" + MinAusgabe + ":");


var Zaehler = 0;
var Sekunden = jetzt.getSeconds();
document.write(Sekunden + "<\/font> Uhr");


</script>

 

[Commodore]

Bei den Monaten ist Januar = 0, Februar = 1 usw, also einfach 2 addieren ;)

Das mit den leufenden Sekunden musst du aber anders machen.

Du definierst eine Funktion, die den Inhalt eines Feldes verändert. Die Funktion wird dann mittels setInterval() jede sekunde einmal aufgerufen. Dafür brauchst du:

.firstChild.nodeValue

    oder

.innerHTML

    oder

.innerText