Gegen Bilderklau - Das Original | Druckvorschau: Verzögerung

Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [JS] Verzögerung (https://www.gegen-bilderklau.net/thread.php?threadid=174881)

Geschrieben von Susi am 26.08.2010 um 13:23:

Verzögerung

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

Geschrieben von Queeni am 26.08.2010 um 13:38:

RE: Verzögerung

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

Geschrieben von kext am 26.08.2010 um 15:07:

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>