8
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?
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 139135
Url: https://administrator.de/contentid/139135
Printed on: April 16, 2024 at 19:04 o'clock
8 Comments
Latest comment
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
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 ...
.. 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>
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!
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)
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)
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)
