[JS] Verzögerung

Susi

Hallo zusammen.

Ich habe über die Suche nichts zu dem Thema gefunden. Falls es doch schon was dazu gibt, schlagt mich tot (und schickt mir den Link). Google war auch nciht wirklich hilfreich.

Und zwar habe ich folgendes Problem: Auf einer Seite soll eine Art Countdown erscheinen, beispielsweise über 60 Sekunden. Nach Ablauf der 60 Sekunden soll ein neuer Text erscheinen. Wenn das nicht möglich ist, könnte auch alternativ nach Ablauf der 60 Sekunden eine neue Seite aufgerufen werden. Wichtig ist vor allem, dass die Verzögerung vor handen ist und ein "Countdown" dazu angezeigt wird. Ich vermute, dass das nur durch Javascript lösbar ist.

Ich hoffe, mein Anliegen ist verständlich und jemand weiß Rat. (:

lg

Queeni

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:

<script language="Javascript">
<!--
var countdown = "10";

function doCount()
{
 if (countdown > 0){
    countdown--
 }
 else{
   echo ">>Link<<";
 }

 var s = countdown;
 var h = Math.floor(s/3600);
 var m = Math.floor((s - (h * 3600))/60);
 s = (s-(h*3600))%60

 window.status=h+":"+m+":"+s+ " bis zur nächsten Seite"

 window.setTimeout('doCount()',1000)
}

doCount();
//-->
</script>

Noch nicht getestet, probiers einfach mal Augenzwinkern

kext

Eine andere Möglichkeit ist, das Date-Objekt zu benutzen, da „setTimeout“ doch recht ungenau ist.

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:

<!DOCTYPE html>
<html>
<head>
<title>Countdown</title>
<script type="text/javascript">
var start = 0;
var laenge = 30; // Hier die gewünschte Countdown-Länge einsetzen.

var countdown = function()
{
    var d = new Date();
    var s = Math.round(laenge - (d.getTime() / 1000 - start));
    
    var sekunden = s % 60;
    var minuten = Math.floor((s % 3600) / 60);
    var stunden = Math.floor(s / 3600);
    
    if (s > 0)
    {
        document.getElementById("DeinCountdown").innerHTML = (stunden > 0 ? stunden + ":" : "") + 
           (stunden > 0 && minuten < 10 ? "0" : "") + minuten + ":" + (sekunden < 10 ? "0" : "") + sekunden;
        window.setTimeout("countdown()", 250);
    }
    else
    {
        document.getElementById("DeinCountdown").innerHTML = "Hallo Welt!";
    }
};
var startCountdown = function()
{
    var d = new Date();
    start = d.getTime() / 1000;
    countdown();
};
</script>
</head>
<body onload="startCountdown();">
<div id="DeinCountdown"></div>
</body>
</html>

Susi

Vielen Dank an euch beide.
Ich hab jetzt mal die Variante von kext verwendet, das ist genau das was ich gesucht habe. (:

lg

Forensoftware: Burning Board, entwickelt von WoltLab GmbH