Countdown in HTML einbinden, nur wie?

Also, ich habe ein kleines Quiz im Webbrowser geschrieben und möchte nun, dass unter den Quizfragen eine Uhr (am besten "Digital-Uhr", Schema: hh:mm:ss) einen Countdown darstellt.
Dazu folgendes:

Der Wert für den Countdown ist zu jeder Frage in einer Tabelle gespeichert und in Sekunden (s) angegeben.
Nun wäre natürlich ein Countdown am Besten, bei dem ich im HTML/PHP-Code den Wert direkt in den Code der Uhr einfügen kann.

Kann mir da jmdn helfen?

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 139135

Url: https://administrator.de/forum/countdown-in-html-einbinden-nur-wie-139135.html

Ausgedruckt am: 24.12.2024 um 16:12 Uhr

8 Kommentare

Neuester Kommentar

Include einfach die Frage. Dann einen refresh nach x sekunden.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>
    <head>
        <title></title>
        <script type="text/javascript">  
window.onload = function()
{
    window.setTimeout( document.getElementById('form').submit() , {ZEIT}*1000 );  
    window.setInterval( clock() , 1000);
    
}
function clock()
{
    var time = (document.getElementById('clock').innerHTML*1) - 1;  
    if (time == 0) {
        document.getElementById('form').submit();  
    }
    document.getElementById('clock').innerHTML = time;  
}
        </script>
    </head>
    <body>
    
<div id="clock">{ZEIT}</div>  
    
<form id="form" action="{ACTION}" method="{METHOD}">  
{FRAGE}
</form>
   
    </body>
</html>

STOOOOOOOOOOOOOOOOOP!

Ich will eine animierte Uhr die dann den Wert 120 Sekunden (aus meiner Database) nur ablaufen lässt. Also die Animation.

Und das dann im Format HH:MM:SS

Also 150 Sekunden = 00:02:30

Und dann runterzählen

bin noch nicht ganz wach ...

<html>
    <head>
        <title></title>
        <script type="text/javascript">  
var iTime = {ZEIT}+1;
        
window.onload = function()
{
    /* window.setTimeout( document.getElementById('form').submit() , iTime*1000 ); */  
    clock();
    window.setInterval( 'clock();' , 1000);  
}

function clock()
{
    iTime--;
    
    iH = Math.floor(iTime/3600);
    iM = Math.floor((iTime-(iH*3600))/60);
    iS = iTime-(iH*3600)-(iM*60);

    iH = (iH<10) ? '0'+iH : iH;  
    iM = (iM<10) ? '0'+iM : iM;  
    iS = (iS<10) ? '0'+iS : iS;  
    
    document.getElementById('clock').innerHTML = iH+':'+iM+':'+iS;  
    
    if (iTime == 0) {
        document.getElementById('form').submit();  
    }
}
        </script>
    </head>
    <body>
    
<div id="clock"></div>  
    
<form id="form" action="{ACTION}" method="{METHOD}">  
{FRAGE}
</form>
   
    </body>
</html>

.. verdammte Fehler - so jetzt!

wenn du mir nun noch sagen könntest, wo die variable mit dem zeitwert eingefügt werden müsste.
habe leider echt keinen schimmer von java. :/
und natürlich besten dank erstmal!

von java habe ich auch keinen Plan ...

Packe den Zeitwert (in Sekunden) bei der {ZEIT} Marke rein (in PHP)

haut irgendwie nicht so ganz hin.

habe mir mehr was in richtung flash-uhr ausgemahlt. das die dann gesagt bekommt, wie "lange" der countdown geht und dann halt anhängt runter zu zählen. (es geht halt nur um das optische und nicht um eine funktion wie das reloaden)