nicht angemeldet
Hallo!
ich habe mir ein nette kleines Javascript zusammen geschustert, welches mit Hilfe von DHTML auf einer Seite einen Countdown anzeigt, halt laufend mit Sekunden. Klappt grundsätzlich auch ganz gut, aber irgendwie komme ich mit den Daten nicht richtig klar. Zum einen ist die Uhr immer um eine Stunde verschoben,(wird was mit Winterzeit zu tun haben, denn bei gmt waren es glaub ich 2)
2. Problem, ich rechne die Differenz zwischen einem Datum in der Zukunft und dem aktuellen Datum aus, nur wenn ich die Differenz jetzt anzeige, bekomme ich z.B. für Jahr 1970(ich weiß, allg. Startdatum..., aber warum bei der Differenz???)
und auch Monate und Tage werden nicht richtig angezeigt.
Als Vorlage diente mir ein SELFHTML Scipt, das aber dei aktuelle Uhr wiedergibt.
Mein Code sieht wie Folgt aus:
<html><head><title>Test</title>
<script type="text/javascript" src="dhtml.js"></script>
<script type="text/javascript">
<!--
function toSt(n) {
s=""
if(n<10) s+="0"
return s+n.toString();
}
function ZeitAnzeigen() {
var Zeit = new Date();
var Zeit2 = new Date(2002,0,15,2,0,0);
var AbsolutJetzt = Zeit.getTime();
var AbsolutDann = Zeit2.getTime();
var Diff = AbsolutDann - AbsolutJetzt;
Zeit.setTime(Diff);
var Jahr = Zeit.getYear();
if(Jahr < 999) Jahr += 1900;
var Monat = toSt(Zeit.getMonth() + 1);
var Tag = Zeit.getDate();
var Stunden = Zeit.getHours();
var Minuten = toSt(Zeit.getMinutes());
var Sekunden = toSt(Zeit.getSeconds());
var Uhrzeit = Tag + "." + Monat + "." + Jahr + " - " + Stunden + ":" + Minuten + ":" + Sekunden;
if(DHTML) {
if(NS) setCont("id","Uhr",null,"<span class="Uhr">" + Uhrzeit + "</span>");
else setCont("id","Uhr",null,Uhrzeit);
}
else return;
window.setTimeout("ZeitAnzeigen()",1000);
}
//-->
</script>
<style type="text/css">
<!--
#Uhr { position:absolute; top:10px; left:10px; }
#RestDerSeite { position:absolute; top:50px; left:10px; }
.Uhr { font-family:Arial; font-size:24px; color:blue; }
.RestDerSeite { font-family:Arial; color:black; }
-->
</style>
</head>
<body onLoad="window.setTimeout('ZeitAnzeigen()',1000)">
<div id="Uhr" class="Uhr"> </div>
<div id="RestDerSeite" class="RestDerSeite">
<h1>Willkommen auf dieser Seite</h1>
<p>hier gehts ganz normal weiter</p>
</div>
</body></html>
Code der dhtml.js(hab ich kpl. übernommen):
<link: http://selfhtml.teamone.de/dhtml/beispiele/anzeige/dhtml.htm]
Jedenfalls erhalte ich jetzt(1:04 Uhr) so Anzeigen wie:
2.01.1970 - 1:55:23
Die Uhrzeit stimmt bis auf eine Stunde, nur das kpl. Datum spinnt irgendwie!
Ich bin leider kein Javascript Experte, war schon froh als überhaupt ein Countdown angezeigt wurde ;-)
Ist wahrscheinlich nichts kompliziertes und ganz offensichtlich, naja, für mich leider nicht!
Grüsse
Andreas