Hochzeitshomepage - Countdown
Katja
- javascript
Hallo Leute!
Ich bin blutiger Anfänger und hoffe auf Eure Nachsicht! Ich finde mich in den Grundbegriffen des HTML schon ganz gut zurecht. Meine Hochzeit steht im Okt. bevor und wir würden gerne eine HP dazu gestalten! Ich würde gerne einen Countdown bis zur Trauung einbinden!Ich weiß, dass es im Archiv schon einige Beiträge gibt - leider bin damit aber etwas überfordert (oder ich hab noch nicht den richtigen gefunden)! Vielleicht kann mir jemand von Euch weiterhelfen!
Herzlichen Dank und LG aus Wien!
hi, kann man mit JavaScript machen:
1. dies geht im <body>:
Noch <script type="text/javascript">gbtage()</script> Tage bis zur hochzeit.
2. dies geht im <head>
<script type="text/javascript">
function gbtage()
{
var eventdate = new Date("October 27, 2007 00:00:00 GMT");
d=new Date();
count=Math.floor((eventdate.getTime()-d.getTime())/1000);
count=Math.floor(count/(60*60*24));
document.write(count);
}
</script>
LG, Inita
Hi!
Das sind ein paar Flüchtigkeitsfehler in deinem Script.
Noch <script type="text/javascript">gbtage()</script> Tage bis zur hochzeit.
Besser:
<script type="text/javascript">document.write( "Noch " + gbtage() + " Tage bis zur Hochzeit." );</script>
So wird bei Usern ohne JS dann gar nichts ausgeben.
Das ist besser als ihnen eine halbe Sache zu präsentieren.
document.write(count);
Und das document.write innerhalb deiner Funktion sollte wohl return heissen, wenn ich mir ansehe, wie du die Funktion dann weiter nutzen willst.
Schöner Gruß,
rob
document.write(count);
Und das document.write innerhalb deiner Funktion sollte wohl return heissen, wenn ich mir ansehe, wie du die Funktion dann weiter nutzen willst.
Nein, das hat schon seine Richtigkeit. Die Funktion wird während des Seitenaufbaus aufgerufen und ausgeführt, sodass sie im Ergebnis die Anzahl der Tage ins Dokument schreibt. Wollte man deinem Vorschlag mit dem return nachgehen, müsste man das document.write im Body ausführen.
Siechfred
Hi!
Nein, das hat schon seine Richtigkeit. Die Funktion wird während des Seitenaufbaus aufgerufen und ausgeführt, sodass sie im Ergebnis die Anzahl der Tage ins Dokument schreibt.
Ja, stimmt. Da hast du recht.
Nachdem ich jetzt nochmal in das Posting geschaut habe, sehe ich dort das "dies geht im <head>".
Schöner Gruß,
rob
hallo,
danke viel mal fuer die Hinweise, ich kann nur ganz basics JS leider.
LG,
Inita
An Euch alle einen vielen lieben Dank!!!
Ihr macht mir wirklich eine Riesenfreude!!!
Moin
<html>
<head>
<title>Hochzeit</title>
<script type="text/javascript">
function trau_dich(derTag) {
var d=derTag.split(".");
var heut=new Date();
heut.setMilliseconds(0);
var t=(new Date(d[2],d[1]-1,d[0],heut.getHours(),heut.getMinutes(),heut.getSeconds())).getTime();
var rest=(t-heut.getTime())/86400000;
var termin=document.getElementById("termin");
if (termin) {
var fc=termin.firstChild;
if (fc && fc.nodeType==3) termin.firstChild.data=rest;
else termin.appendChild(document.createTextNode(rest));
}}
window.onload=function() {
trau_dich("17.10.2007");
}
</script>
</head>
<body>
<p>Nur noch <span id="termin">wenige</span> Tage Freiheit!</p>
</body>
</html>
Gruß
rfb