Javascript "Countdown" gesucht

Hallo,
ich bin Anfänger in Javascript und habe auch schon ein paar Countdown-Scripte gefunden. Nur brachten diese nicht das Ergebnis, das ich suche.

Ich suche ein Countdown-Script in Javascript, das mir die Zeit sichtbar herunterzählt (Tage, Stunden, Minuten, Sekunden + "aufgeüllte" Nullen bei einstelligen Zahlen), nach Zeitablauf eine Nachricht ausgibt und NACH einer weiteren gewissen Zeit (einstellbar) dann den gesamten DIV versteckt aber so, daß der Div den Platz freigibt und nicht ein leerer Raum bleibt!
Wichtig wäre auch noch, daß der Countdown bei einem Reload NICHT von vorne anfängt sondern nur 1 x durchläuft!

Kann mir jemand diesbezüglich unter die Arme greifen?

Danke!

Grüße
Tom

Hi Jörg,

ich habe dieses Countdown-Script gefunden und in meine Seite eingebaut. Nun ist es aber so, daß ich - wie im ersten Thread beschrieben - mein Div nach Beendigung des Countdowns verschwinden lassen möchte.Ich habe das zurzeit mit

window.setTimeout("disablediv('countdown')",'');

und der Funktion

function disablediv(div){
		var objDiv = document.getElementById(div);
		objDiv.style.display="none"; 
	}

gelöst.
Jetzt ist es aber so, daß zwar der Div verschwindet, aber bei jedem Reload der Seite der Div (in meinem Fall mit Hindergrundbild) immer ganz kurz (kaum erkennbar) erscheint, dadurch den darunter liegenden Div wieder herunter und wieder nach oben schiebt.
Wie bringe ich das hin, daß der Countdown-Div nicht mehr erscheint, also auch nicht für einen kurzen Moment, wenn ich die Seite reloade?

Der Countdown-Code:

<?php
$hour = 13;
$minute = 44;
$month = 8;
$day = 27;
$year = 2011;
$event = 'zum Ende der Happy-HourAktion!';

$remaining = date('U', mktime($hour, $minute, 0, $month, $day, $year)) - date('U');

$days = floor($remaining / 60 / 60 / 24);
$hours = $remaining / 60 / 60 % 24;
$minutes = $remaining / 60 % 60;
$seconds = $remaining % 60;
?>


<script type="text/javascript">
function disablediv(div){
		var objDiv = document.getElementById(div);
		objDiv.style.display="none"; 
	}
</script>

<div class="happy-hour" id="countdown"></div>

<script type="text/javascript">
var days = '<?php echo $days; ?>';
var hours = '<?php echo $hours; ?>';
var minutes = '<?php echo $minutes; ?>';
var seconds = '<?php echo $seconds; ?>';
var finished = false;
function updatecountdown(){
seconds--;
if(seconds < 0){
seconds = 59;
minutes--;
if(minutes < 0){
minutes = 59;
hours--;
if(hours < 0){
hours = 23;
days--;
if(days < 0){
finished = true;
}
}
}
}
if(!finished){
if(days < 10 || days == 0){
var message = '0' + days + ' Tage<br />';
}
else
{var message = days + ' Tage<br />';}

//config für Stunden
if(hours < 10){
message +=  '0' + hours + ' Stunden<br />';
}
else
{message += hours + ' Stunden<br />';}

//config für Minuten
if(minutes < 10){
message += '0' + minutes + ' Minuten<br />';
}
else
{message += minutes + ' Minuten<br />';}

//config für Sekunden
if(seconds < 10){
message += '0' + seconds + ' Sekunden<br />';
}
else
{message += seconds + ' Sekunden<br />';}


message += 'bis <?php echo $event; ?>!';
document.getElementById('countdown').innerHTML = message;
}
else{
//document.getElementById('countdown').innerHTML = '<?php echo $event; ?>!';
clearInterval(theInterval);
window.setTimeout("disablediv('countdown')",''); /* Hier sind es 2sek. Die Zeit wird hinter dem Komma eingestellt. Z.B. 2000 sind 2 Sek.*/
}
}
var theInterval = setInterval("updatecountdown()", 1000);
</script>

Grüße
Tom

Hi Jörg,

ich habe verstanden was du meinst.

Nur eine Frage:
Mein CMS (zazavi) startet mit der Url /localhost/meinCMS/ ... also ohne index.php am Ende! Wie kann ich das einstellen, daß er mir index.php + deinem Tipp (?reloaded=1) sichtbar anhängt? Kann ich das über eine htaccess-Datei machen?

Grüße
Thomas

Hallo Jörg,
ich möchte Dir mein Vorhaben noch einmal beschreiben.

Ich möchte auf meiner Startseite ein Happy-Hour Feature (das nur zu sehen sein soll, wenn der Countdown aktiv ist) anbieten, daß mit einem Countdown-Script verwirklicht werden soll.
Diese Feature soll irgendwann am Tag beginnen und nach einer Stunde zum Beispiel - nach Ablauf der Countdown-Zeit, das zuständige Div ausblenden, weil ich nicht immer per Hand dann in den Code rein möchte, um es wieder zu disablen. Wenn der Countdown dann fertig gezählt hätte, würde ansonsten für eine längere Zeit die Ablaufmeldung (z.B. ...sie haben leider den Happy-Hour Bonus verpasst) permanent zu sehen sein, was ich nicht möchte. So könnte ich den Countdown-Zähler im Code stehen lassen und müßte nur die Zeit für ein erneutes Zählen einstellen, um ihn bzw. das Div zu aktivieren.

Bis jetzt funktioniert ja alles, aber eben bei einem Reload der Seite, was dann sehr unschön ist, blitzt kurz das Div (mit einem Hintergrundbild) und Schlussmeldung auf, verschiebt das darunter liegende Div nach unten und dann wieder nach oben. Also der Content ruckt dann, was für den User verwirrend ist.

Wie man nun das Div nach Ablauf der Zeit "verstecken" kann, ohne es kurz aufblitzen zu sehen...das ist mein Problem!

Grüße
Tom

Hi Jörg,

man, das geht aber fix :-) Endlich mal ein Forum, das kompetente und auch sehr schnelle Antworten liefert! Toll!
Ach...übrigens...habe gelesen, daß du aus Göttingen kommst? Ich komme aus dem Landkreis Northeim :-)

Zum Thema:
Ja, dieses Feature soll z.B. zu irgendeiner Tageszeit 1 Stunde z.B. dauern, wobei Beginn und Ende für jeden Seitenbesucher gleichermaßen gelten soll! Jeder soll den Countdown zur gleichen Zeit sehen bzw. nicht mehr sehen können! Also jetzt nicht speziell für einzelne Besucher und auch keine verschiedene Zeiten für verschiedene Besucher!

Grüße
Tom