Joachim: settimeout und Zeit anzeigen

Beitrag lesen

hi,

Nun will ich dem User aber auch anzeigen wieviel Zeit schon abgelaufen ist. Kann ich einfach die Zeit in eine Vraieble geben und anzeigen oder könnt ihr mir einen Tipp geben wie ich das realisieren kann?

mit einem timeout oder interval fragst Du kontinuierlich die Anzahl von millisekunden ab einem bestimmten Zeitpunkt ab. Lies Dich also mal in setTimout/Intervall und das date Objekt ein. Zur Anregung ein kleiner Test:

<html>
<head>
<script language="JavaScript" type="text/javascript">
function startTimer() {
 startZeit = new Date(); // startzeitpunkt
 startZeit = startZeit.getTime(); // millisekunden
 timer();
}

function timer() {
 zeit = new Date(); // aktueller zeitpunkt
 zeit = zeit.getTime(); // in millisekunden
 laufZeit =  Math.floor((zeit - startZeit)/1000);
 laufSec  =  laufZeit % 60;
 laufSec  =  ((laufSec < 10) ? "0" : "") + laufSec;
 laufMin  =  Math.floor(laufZeit / 60);
 laufMin  =  ((laufMin < 10) ? "0" : "") + laufMin;
 document.feld.uhr.value = laufMin+":"+laufSec;
 setTimeout('timer()',50);
}
</script>
</head>
<body>
<form name="feld">
 <input name="uhr" type=text size="30" maxlength="30">
 <input type="button" value="Uhr starten" onclick="startTimer()">
</form>

</body>
</html>

hth + Gruesse, Joachim

--
Am Ende wird alles gut.