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?
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/contentid/139135
Ausgedruckt am: 05.11.2024 um 19:11 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>
bin noch nicht ganz wach ...
.. verdammte Fehler - so jetzt!
<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>