Count down

CSS, Java Script u.s.w

Moderator: HTML-Laie

Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1451
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:

Count down

Beitrag von ulli »

Huhu ich bins mal wieder...habe ein Problem. Ich habe in meinem Forum so einen Generator so einen Countdown. Nun ist der erste Termin verstrichen und nun weiß ich nicht was man ändern muss um einen neuen Termin anzugeben.....wer kann mir da helfen?? Ich hätte gerne den Termin am 24. 12.



hier ist der Code

<br><br><right><div id="mainContainer">
<div id="countdown" style="text-align:center !important; font-family:Brody; font-size:30px; color:#7A1405; top:0px;">
<span>Noch</span>
<span id="c1"></span>
<span id="c2"></span>
<span>bis Heiligabend</span>



<script type='text/javascript'>
// Source Code generated with the generator from Homepage-Total.de
// Optimized by Fighter456 (www.support.thomasmania.de)
// Do not remove this Copyright or remove/change any variables. This can destroy this script!
// You can change the instructions for this countdown in your ACP.

var end = new Date('Dezember 24, 2012 00:00:00');
function toSt2(n) {
s = '';
if (n < 10) s += '0';
return (s + n).toString();
}
function toSt3(n) {
s = '';
if (n < 10) s += '00';
else if (n < 100) s += '0';
return (s + n).toString();
}
function countdown() {
d = new Date('Dezember 24, 2012 00:00:00');
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
document.getElementById('c1').innerHTML = days + ' Tage ';
document.getElementById('c2').innerHTML = hours + ' Std. ' + minutes + ' Min. ' + seconds + ' Sek. '
setTimeout('countdown()', 100);
}
}
countdown();
</script></right></div></div>
<br><br>


danke euch schonmal

Bussi vonne Ulli
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3284
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Count down

Beitrag von Jasko »

So jetzt sollte er richtig funktionieren, der Code:

Code: Alles auswählen

<br><br><right><div id="mainContainer">
<div id="countdown" style="text-align:center !important; font-family:Brody; font-size:30px; color:#7A1405; top:0px;">
<span>Noch</span>
<span id="c1"></span>
<span id="c2"></span>
<span>bis Heiligabend</span>



<script type='text/javascript'>
// Source Code generated with the generator from Homepage-Total.de
// Optimized by Fighter456 (www.support.thomasmania.de)
// Do not remove this Copyright or remove/change any variables. This can destroy this script!
// You can change the instructions for this countdown in your ACP.

var end = new Date(2012, 12, 24, 0, 0, 0);
function toSt2(n) {
s = '';
if (n < 10) s += '0';
return (s + n).toString();
}
function toSt3(n) {
s = '';
if (n < 10) s += '00';
else if (n < 100) s += '0';
return (s + n).toString();
}
function countdown() {
d = new Date();
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
document.getElementById('c1').innerHTML = days + ' Tage ';
document.getElementById('c2').innerHTML = hours + ' Std. ' + minutes + ' Min. ' + seconds + ' Sek. '
setTimeout('countdown()', 100);
}
}
countdown();
</script></right></div></div>
<br><br>
Ich habe so einen aenlichen Code schonmal geschrieben, hier ist er:
http://www.npage-hilfe.de/f99t3229-countdown.html

MFG :X
Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1451
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:

Re: Count down

Beitrag von ulli »

danke du bist ein Schatz...es funktioniert und ich habe da rumgewuselt und wußte nicht wo...

LG von Ulli :X
Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1451
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:

Re: Count down

Beitrag von ulli »

ja er funktioniert schon...aber es ist falsch...wie stellt man die Start und Endzeit ein??? Wie haben nämlich keine 135 Tage mehr bis Heiligabend....help to help??!!

Hier ist nochmal der Code


<br><br><right><div id="mainContainer">
<div id="countdown" style="text-align:center !important; font-family:Brody; font-size:30px; color:#7A1405; top:0px;">
<span>Noch</span>
<span id="c1"></span>
<span id="c2"></span>
<span>bis Heiligabend</span>



<script type='text/javascript'>
// Source Code generated with the generator from Homepage-Total.de
// Optimized by Fighter456 (www.support.thomasmania.de)
// Do not remove this Copyright or remove/change any variables. This can destroy this script!
// You can change the instructions for this countdown in your ACP.

var end = new Date(2012, 12, 24, 0, 0, 0);
function toSt2(n) {
s = '';
if (n < 10) s += '0';
return (s + n).toString();
}
function toSt3(n) {
s = '';
if (n < 10) s += '00';
else if (n < 100) s += '0';
return (s + n).toString();
}
function countdown() {
d = new Date();
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
document.getElementById('c1').innerHTML = days + ' Tage ';
document.getElementById('c2').innerHTML = hours + ' Std. ' + minutes + ' Min. ' + seconds + ' Sek. '
setTimeout('countdown()', 100);
}
}
countdown();
</script></right></div></div>
<br><br>
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3284
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Count down

Beitrag von Jasko »

Hallo, alos hier kann man das End-Datum einstellen:

Code: Alles auswählen

var end = new Date(2012, 12, 24, 0, 0, 0);
Dabei ist die Syntax so:

new Date(Jahr, Monat, Tag, Stunden, Minuten, Sekunden, Milisekunden)

vieleicht fehlt noch eine null am ende fuer die Milisekunden in deine Code.

Die jetzt Zeit bekommt man so: new Date(); das waere diese Zeile:

Code: Alles auswählen

d = new Date();
Am Ende bekommt man die Zahl der Tage in dem man die Jetzt-Zeit vom End-Datum abzieht, das ist diese Zeile:

Code: Alles auswählen

count = Math.floor(end.getTime() - d.getTime());
Warum es jetzt falsch zaehlt weiss ich jetzt nicht, der Logik nach sollte es klappen, allerdings ist das nicht mein Code darum kann ich nichts mehr dazu sagen.

MFG
Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1451
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:

Re: Count down

Beitrag von ulli »

boah ich bin zu blöde dafür...wenn es mit dem Datum passt dann läuft es nicht...was mache ich falsch?? Weiß garnicht mehr wo ich den Counter her habe, aber ich fand den so schön weil der keine Werbung hat....

Mit dem Code stimmt die Anzahl der Tage aber er läuft nicht mehr...


<br><br><right><div id="mainContainer">
<div id="countdown" style="text-align:center !important; font-family:Brody; font-size:30px; color:#7A1405; top:0px;">
<span>Noch</span>
<span id="c1"></span>
<span id="c2"></span>
<span>bis Heiligabend</span>



<script type='text/javascript'>
// Source Code generated with the generator from Homepage-Total.de
// Optimized by Fighter456 (www.support.thomasmania.de)
// Do not remove this Copyright or remove/change any variables. This can destroy this script!
// You can change the instructions for this countdown in your ACP.

var end = new Date(2012, 12, 24, 0, 0, 0);
function toSt2(n) {
s = '';
if (n < 10) s += '0';
return (s + n).toString();
}
function toSt3(n) {
s = '';
if (n < 10) s += '00';
else if (n < 100) s += '0';
return (s + n).toString();
}
function countdown() {
d = new Date(2012, 09, 10, 0, 0, 0);
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
document.getElementById('c1').innerHTML = days + ' Tage ';
document.getElementById('c2').innerHTML = hours + ' Std. ' + minutes + ' Min. ' + seconds + ' Sek. '
setTimeout('countdown()', 100);
}
}
countdown();
</script></right></div></div>
<br><br>
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 6997
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:

Re: Count down

Beitrag von goefi-chiangmai »

Jasko hat geschrieben:
Ich habe so einen aenlichen Code schonmal geschrieben, hier ist er:
http://www.npage-hilfe.de/f99t3229-countdown.html

MFG :X
@ ULLI
In deiner Signatur zuunderst steht ein schöner Spruch! :E

Nimm doch einfach das funktionierende von Jasko
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
Privat Homepage: goefi-chiangmai
Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3284
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Count down

Beitrag von Jasko »

Natuerlich leuft er nicht, da es kein Jetzt Datum mehr ist, sondern ein Fixes Datum das du gemacht hast.

Mit dem Code new Date(); wird jede sekunde ein neues Datum erstellt vom Ziel Datum abgezogen und man bekommt ein sich staendig wechselndes resultat, gibt man aber ein Zieldatum und ein Startdatum ein, so wird immer das Startdatum vom Zieldatum angezogen und das Resutat ist immer gleich, sprich der Code steht, darum darf man beim new Date(); auch keine Angaben machen, den man braucht ja die Jetzt-Zeit, warum es zur Fakschen darstellung kommt, weiss ich jetzt nicht, aber es kann mit dem Server zu tun haben, bei dem ewentuell kein richtiges Datum eingestellt ist, den auch der Code muss die Jetzt zeit von irgendwo ja ablesen.

Ich schlage vor meinen Code zu verwenden, der Hat auch keine Werbung, nur im Quellcode einen Copyhinweiss, aber den sieht man ja auf der Page nicht.

MFG
Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1451
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:

Re: Count down

Beitrag von ulli »

@Peter...so deutlich mußstest du es mir auch nicht geigen... :G :G :G

@Jasko...ich werde es mal versuchen....
Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1451
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:

Re: Count down

Beitrag von ulli »

oh ich bin zu blöde dafür...wer kann mir alten Schachtel mal weiter helfen???***liebgugg***
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast